A modern, responsive portfolio website built with Next.js 14, React 18, TypeScript, and Tailwind CSS. Features a sleek design, blog functionality, 3D elements with Three.js, and smooth animations.
- Modern Design: Clean and responsive UI with dark/light mode
- 3D Elements: Interactive 3D components using Three.js
- Blog Platform: Integrated blog functionality
- Performance Optimized: Built with Next.js 14 for optimal performance
- Analytics Ready: Google Analytics 4 integration
- Email Integration: Contact form with EmailJS
- Timeline View: Interactive vertical timeline component
- Code Highlighting: Syntax highlighting for code blocks
Live Demo - Replace with your deployed site URL
- Framework: Next.js 14
- Language: TypeScript
- Styling: Tailwind CSS, SASS
- 3D Graphics: Three.js, React Three Fiber
- UI Components: Headless UI, Radix UI
- Data Fetching: Apollo Client, GraphQL
- Analytics: Google Analytics 4
- Email: EmailJS
- Code Quality: ESLint, Prettier
- Development Tools: Sharp, Prisma JSON Schema Generator
-
Clone the repository
git clone https://github.com/hoainho/next-portfolio.git cd next-portfolio -
Install dependencies
npm install # or yarn install -
Set up environment variables
cp .env.example .env.local
Fill in your environment variables in
.env.local -
Run the development server
npm run dev # or yarn dev
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Please read our Contributing Guidelines for details.
This project is licensed under the MIT License - see the LICENSE file for details.
Hoai Nho - @hoainho - hoainho.work@gmail.com
Project Link: https://github.com/hoainho/next-portfolio
⭐️ If you like this project, please give it a star!