A modern, responsive portfolio website built with Next.js 14 and React 18. Features a dark mode interface, Progressive Web App (PWA) capabilities, and optimized SEO.
- Modern Stack: Built with Next.js 14 and React 18
- Dark Mode: Default dark theme with light mode toggle
- PWA Support: Installable as a Progressive Web App
- SEO Optimized: Enhanced meta tags and schema markup
- Responsive Design: Mobile-first approach
- Performance Optimized: Fast loading and smooth animations
- Multiple Languages: Support for English and Indonesian
- Framework: Next.js 14
- UI: React 18
- Styling: SCSS/SASS
- Animations: Locomotive Scroll
- Icons: Font Awesome
- Image Gallery: Fancyapps
- Slider: Swiper
- Home: Introduction and overview
- Portfolio: Showcase of projects
- Resume: Skills and experience
- Blog: Technical articles
- Contact: Get in touch form
-
Clone the repository
git clone https://github.com/yourusername/portfolio.git
-
Install dependencies
npm install # or bun install -
Run development server
npm run dev # or bun dev -
Build for production
npm run build # or bun run build
-
Personal Information
- Edit
app/layout.jsfor meta information - Update social media links in components
- Edit
-
Content
- Modify content in respective components
- Add your projects in Portfolio section
- Update skills in Resume section
-
Styling
- Theme colors in
public/scss/style-dark.scss - Component styles in their respective SCSS files
- Theme colors in
- Installable on desktop and mobile
- Works offline
- Fast loading
- Push notifications ready
- Optimized meta tags
- Schema markup
- OpenGraph and Twitter Cards
- Sitemap and robots.txt
- Structured data
This project is licensed under the MIT License - see the LICENSE file for details.
HazDev
- Website: hazdev.vercel.app
- GitHub: @HadZzz
Contributions, issues, and feature requests are welcome! Feel free to check issues page.
Give a ⭐️ if this project helped you!