🚀 How I Built My Developer Portfolio Using Next.js, TypeScript & Vercel

#react #nextjs #tailwindcss #fullstack

Hey everyone! 👋

I'm Sagar Budha, a full-stack web developer who loves working with modern tools like React, TypeScript, and Node.js. I recently built and deployed my personal developer portfolio, and in this post, I’ll share how I approached it — from tech stack decisions to deployment — along with a few things I learned along the way.

🧠 Why I Built It

Every developer needs a place to show who they are and what they’ve built. I wanted my portfolio to:

Represent my current skills and growth as a developer
Load fast and feel modern
Be easy to maintain and update as I keep learning

So instead of using a template, I decided to build it myself — and have some fun doing it!

🔧 Tools & Technologies

Here’s the stack I went with:

Next.js – For server-side rendering, routing, and performance
TypeScript – For safer, more predictable code
Tailwind CSS – To style everything quickly and consistently
Framer Motion – For clean and subtle animations
Vercel – For hassle-free deployment and hosting

✨ Key Features

I focused on keeping things simple but effective. Here’s what I built into the portfolio:

✅ Responsive design – Works across all screen sizes
✅ Project showcase – Clean cards with descriptions and links to GitHub
✅ SEO – Custom meta tags and structured data to help search engines find it
✅ Animations – Subtle transitions to improve UX
✅ One-click deployment – Thanks to Vercel’s GitHub integration

🧩 What I Struggled With

No project is perfect. Here are a few things that took extra time:

Getting animations just right without affecting performance
Balancing minimalist design with enough personality
Making the site fully SEO-friendly (especially on a custom domain)

🌐 Check It Out

Want to take a look?

🔗 Live Portfolio

💻 GitHub

🗒️ Final Thoughts

Building this portfolio from scratch gave me a solid reminder of how powerful modern web tools are — and how important it is to keep pushing yourself. It’s live, and I’ll keep improving it over time as I grow as a developer.

If you’re working on something similar or have any feedback, feel free to drop a comment or connect. Thanks for reading!

— Sagar Budha

Built for developers, by developers.

Whether you're building a simple prototype or a business-critical product, Heroku's fully-managed platform gives you the simplest path to delivering apps quickly — using the tools and languages you already love!

Learn More