A beautiful, modern, and fully responsive portfolio template built with Next.js 13, TypeScript, and Tailwind CSS. Perfect for developers, designers, and creatives to showcase their work and skills.
- ⚡️ Blazing Fast: Powered by Next.js 13 App Router
- 🎨 Modern UI: Styled with Tailwind CSS
- 🌙 Dark/Light Theme: Theme switcher included
- 📱 Responsive: Mobile-first, works on all devices
- 🧩 Reusable Components: Modular and easy to extend
- 📝 Markdown Blog Support
- 🧑💻 Easy Customization
git clone https://github.com/your-username/cat-portfolio.git
cd cat-portfoliopnpm install
# or
yarn install
# or
npm installpnpm dev
# or
yarn dev
# or
npm run devOpen http://localhost:3000 to view it in your browser.
├── app/
│ ├── components/ # Page components (About, Blog, Contact, etc.)
│ ├── globals.css # Global styles
│ ├── layout.tsx # Main layout
│ └── page.tsx # Home page
├── components/
│ ├── theme-provider.tsx # Theme context
│ └── ui/ # UI components (Button, Card, etc.)
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── public/ # Static assets
├── styles/ # Additional styles
├── package.json # Project metadata
└── README.md # Project documentation
- Update Content: Edit files in
app/components/for About, Blog, Contact, etc. - Change Theme: Modify
components/theme-provider.tsxand Tailwind config. - Add Projects/Skills: Update
Projects.tsxandSkills.tsxinapp/components/. - Blog Posts: Add markdown files or update the Blog component.
- Next.js 13
- Tailwind CSS
- TypeScript
- pnpm (or npm/yarn)
| Home Page | Projects | Blog |
|---|---|---|
 |
 |
 |
Contributions, issues, and feature requests are welcome!
- Fork the repo
- Create your feature branch (
git checkout -b feature/YourFeature) - Commit your changes (
git commit -m 'Add some feature') - Push to the branch (
git push origin feature/YourFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ using Next.js, Tailwind CSS, and TypeScript.