Building a Modern Portfolio with Next.js
Building a Modern Portfolio with Next.js
This guide will walk you through creating a modern portfolio and blog site like this one, using Next.js, Tailwind CSS, and MDX. We'll build a responsive site with dark mode support, a command palette, and a markdown-based blog.
Tech Stack
- Next.js 14 (App Router)
- Tailwind CSS with shadcn/ui
- Framer Motion for animations
- MDX for blog posts
- TypeScript for type safety
Project Setup
First, create a new Next.js project: