How I Built My Portfolio with Next.js (v15.4.4)

Overview

I built my portfolio using Next.js v15.4.4 — aiming for clarity, performance, and scalability.

🔧 Why Next.js (v15.4.4)?

• ✅ App Router with app/ directory
• 🚀 Built-in SEO and dynamic routing
• 🌍 Static + dynamic hybrid rendering
• 🧩 Great modularity
• 📦 Vercel deployment

🧱 Stack & Tools

• ⚛️ React + Next.js (App Router)
• 💨 Tailwind CSS
• 🎞️ Framer Motion
• 📷 Next/Image
• ☁️ Vercel
• ✏️ Markdown + ReactMarkdown

🧠 Architecture

• app/ for routing
• components/ for reusable UI
• data/blogs.ts for content
• public/ for static assets

🎨 UI Highlights

• Mobile-first design
• Dark mode with Tailwind
• Optimized images via <Image>

💡 Tips

• Write blog content in Markdown
• Break into components
• Keep it performant and simple

Thanks for reading! View the GitHub repo or live site.