DEV Community

Cover image for Embed dev.to articles in your Vue app
Shai Angress
Shai Angress

Posted on

8 2

Embed dev.to articles in your Vue app

I was looking for a way to show posts from dev.to on my website and I found this post by comscience who made exactly that in React, so I made a Vue version with Vuetify.
Here you go:

You can also install it via npm:
npm i dev-to-embed-vue

And then import the component in your app:

import DevToEmbed from 'dev-to-embed-vue/src/DevToEmbed'
Enter fullscreen mode Exit fullscreen mode

And use it in your template:

<DevToEmbed userName="venatus"/>
Enter fullscreen mode Exit fullscreen mode

Source code:

GitHub logo sangress / dev-to-embed-vue

Embed dev.to posts in your website

dev_to_embed

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.






Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

πŸ‘‹ Kindness is contagious

If you found this article helpful, please give a ❀️ or share a friendly comment!

Got it