A modern, minimal portfolio website built with Next.js, TypeScript, and Tailwind CSS. This template includes beautiful UI components, smooth animations, and a fully responsive design.
- ✨ Modern and clean design
- 📱 Fully responsive layout
- 🎨 Dark/Light theme support
- 🚀 Fast performance with Next.js
- 🎭 Smooth animations and transitions
- 📧 Contact dialog with form validation
- 🔗 Social media integration
- 🏆 Showcase for projects, skills, and testimonials
- 📋 Work and education timeline
src/
├── app/ # Next.js app directory
├── components/
│ ├── home/ # Homepage components (hero, projects, skills, etc.)
│ ├── providers/ # Theme and context providers
│ └── ui/ # Reusable UI components (buttons, cards, dialogs, etc.)
└── lib/ # Utility functions
- Node.js 18+
- npm, yarn, pnpm, or bun
npm install
# or
yarn install
# or
pnpm install
# or
bun installRun the development server:
npm run devOpen http://localhost:3000 with your browser to see the result. The page auto-updates as you edit files.
Build for production:
npm run build
npm start- Update your information: Edit src/app/page.tsx to add your personal details
- Modify components: Customize sections in src/components/home/
- Change colors: Update Tailwind CSS classes and theme configuration
- Add projects: Update the projects section with your portfolio pieces
- Update skills: Modify the skills section with your technologies
The easiest way to deploy your portfolio is using Vercel:
- Push your code to a Git repository
- Connect your repository to Vercel
- Vercel will automatically build and deploy your site
Check out our Next.js deployment documentation for more details.
This project is open source and available for personal use.