DEV Community

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

Posted on

5 3

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! ⤵️

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

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 💯

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay