DEV Community

Cover image for I built a blog with Dev.to API and Next.js
Naman vyas
Naman vyas

Posted on • Updated on

I built a blog with Dev.to API and Next.js

I demonstrated how dev.to API work and can be used by creating a blog using dev.to API to integrate with my portfolio. You can check live blog here : click here

Framework, library used to create this project :
Next.js
dev.to API (obviously)
geist-ui (frontend)
nprogress (To add progress bar in website)

Site Image

About Next.js (used for backend)

Next.js is an open-source React front-end development web framework that enables functionality such as server-side rendering and generating static websites for React based web applications.

About dev.to API

I used this API to fetch user data from dev.to profile. It is official API for dev.to website from which we can access almost everything from our dev.to profile

About geist-ui

I used this library for frontend. This is a Modern and minimalist React UI library, originating from Vercel's design.

About nprogress

Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium. I used this library for adding a progress bar into this website

GitHub repositories of this project : Click Here

Discussion (8)

Collapse
shadowtime2000 profile image
shadowtime2000

Pretty cool. I created something like this.

Collapse
js_bits_bill profile image
JS Bits with Bill

Awesome!

Collapse
namanvyas profile image
Naman vyas Author • Edited

That's cool I will check how you used this API :)

Collapse
sharpninja profile image
The Sharp Ninja

Your link to github.io is broken on the site.

Collapse
namanvyas profile image
Naman vyas Author

Fixing this issue!

Some comments have been hidden by the post's author - find out more