DEV Community

Cover image for Stop wasting your time building a web dev portfolio!
Chris Hansen
Chris Hansen

Posted on

Stop wasting your time building a web dev portfolio!

Because I did that for you already 😀


I created a beginner friendly, responsive and easily editable portfolio in React, for the community!

Oh and you have a blog now! Nothing fancy. No markdown, no headless CMS. Just JSON. Simply edit your JSON files, and React handles the rest!

If you guys enjoy the template, or run into any issues, please let me know on Twitter!


Blogfolio example of the homepage)

Featured posts of blogfolio homepage

Blogfolio example of blog post heading section

Blogfolio example of over section of blog post

Blogfolio example of the projects section

Blogfolio example of the projects gallery

Blogfolio example of the projects over heading

Blogfolio example of the about section

Blogfolio example of the skills section


Is it for you?

Look, if you are just starting out, then building a portfolio of your own is probably a good idea. It's fun and is great practice. But if you have some projects already, and you're struggling to maintain a consistent portfolio, then don't sweat it. Give it a try.


Check out the demo ⤵️

DEMO

How to use the template

  1. Visit Repo
  2. Clone the repo by clicking the green button
  3. In your terminal paste the command
  4. Enter the project
  5. Install dependencies
  6. Edit your JSON file.
  7. That's it!

That's a wrap guys! I hope the template serves you well! Happy coding 👋


Follow me on Twitter

for byte-sized web dev content!


Buy Me A Coffee


Check out these other beginner friendly articles also written by me! ⤵️

Top comments (4)

Collapse
 
radandevist profile image
Andrianarisoa Daniel

Thank you for sharing, I'll probably give it a try. 😃

Collapse
 
hyggedev profile image
Chris Hansen

Awesome! I hope you like it.

Collapse
 
radandevist profile image
Andrianarisoa Daniel

I just ported your template to next.js and typescript. I'm planning to customize it more by the time: you can have look at the repo here and it's demo here.

Thread Thread
 
hyggedev profile image
Chris Hansen

That's sick! I love Next, great implementation. I dig the changes too 💯