Portfolio Website

A modern portfolio website built with Next.js and Tailwind CSS.

Tech Stack

• Framework: Next.js 14+ (App Router)
• Styling: Tailwind CSS v4
• Components: shadcn/ui + 21st.dev + ReactBits
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Adding shadcn/ui Components

To add components from shadcn/ui:

npx shadcn@latest add button
npx shadcn@latest add card
# etc...

Project Structure

├── app/              # Next.js app directory
│   ├── page.tsx      # Home page
│   ├── layout.tsx    # Root layout
│   └── globals.css   # Global styles
├── components/       # React components
│   └── ui/          # shadcn/ui components
├── lib/             # Utility functions
└── public/          # Static assets

Resources

• Next.js Documentation
• Tailwind CSS
• shadcn/ui
• Framer Motion
• Lucide Icons
• 21st.dev Components
• ReactBits