DEV Community

Probir Saha Shohom
Probir Saha Shohom

Posted on Edited on

How I built a React 18 + Vite + Tailwind CSS portfolio template — and why I made it free

 ## Background

I'm a full-stack developer from Dhaka, Bangladesh.

Every developer needs a portfolio. But building one
from scratch takes time — time most developers would
rather spend on real projects.

So I built a clean, modern portfolio template with
React 18, Vite, and Tailwind CSS — and made it free
for the community.

Why These Technologies?

React 18 — Component-based UI makes the portfolio
easy to customize. Change one component, it updates
everywhere.

Vite — Insanely fast build tool. Development
server starts in milliseconds. Build times are
dramatically faster than Create React App.

Tailwind CSS — No custom CSS needed. Everything
styled with utility classes. Fully responsive with
almost no effort.

Vercel — One click deployment. Free hosting.
Custom domain support.

What's Included

  • Fully responsive design (mobile + desktop)
  • Hero section with animated text
  • Projects showcase section
  • Skills section
  • Contact section
  • Clean component structure
  • Easy to customize

Setup in 5 Minutes

git clone https://github.com/Probir127/portfolio.git
cd portfolio
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

Visit http://localhost:5173 and you're running.

What I Learned

  1. Vite is a game changer — never going back
    to Create React App

  2. Tailwind CSS removes decision fatigue
    no more thinking about class names

  3. Component structure matters — a clean
    structure makes customization easy for anyone

  4. Vercel deployment is magical — push to
    GitHub, automatically deployed in 30 seconds

Live Demo

See it here:
https://probir-portfolio-website-413x.vercel.app/

Get It Free

Download free on Gumroad:
https://sohom6.gumroad.com/l/ehnwr

Just fill in your own info and deploy.
Setup takes under 5 minutes.

Questions?

Drop them in the comments below — happy to help!

Top comments (0)