I built a developer portfolio template with React, Vite & Tailwind — here's what I learned

Emilio — Tue, 23 Jun 2026 03:50:27 +0000

As a systems engineering student and frontend dev, I wanted a portfolio that
looked professional without spending days fighting with design. So I built one —
and ended up turning it into a reusable template.

Here's what I focused on while building it:

1. Customization from a single file

The biggest pain with most templates is digging through components to change
your info. I put everything — name, bio, projects, skills, social links — into
ONE config file. Edit that, and the whole site updates.

2. Light & dark mode

Developers love dark mode, so I made it the default, with a smooth toggle for
light mode. Both are fully themed.

3. Mobile-first & responsive

Most people will view a portfolio on their phone, so I built it mobile-first
and tested it down to small screens.

4. Easy deployment

It works out of the box with Vercel or any static host, with a beginner-friendly
setup guide in the README.

The stack

React + Vite
Tailwind CSS
Formspree-ready contact form

You can see the live demo here: devfolio-template-vercel-app.vercel.app

I also made it available as a template if it's useful to anyone: https://payhip.com/b/t1VUk

Would love to hear your feedback — what do you look for in a developer portfolio?

react #webdev #tailwindcss #showdev