portfolio
🌐 Modern Portfolio — Next.js 15 + Tailwind CSS
Production-grade portfolio website with cutting-edge features and optimizations.
| 🔗 Live Demo | 📂 Source Code | 📝 Report Issue |
✨ Key Features
- ⚡ Blazing Fast Performance (SSR/SSG + ISR)
- 🌙 Smart Theme System (Dark/Light + OS preference)
- 🌍 i18n Ready (Multi-language support out of the box)
- ✉️ Secure Contact Form (JWT + Redis rate limiting)
- 🎨 Butter Smooth Animations (Framer Motion)
- 📱 Mobile-First Responsive (Perfect on all devices)
- 🔒 Type-Safe Validation (Zod + React Hook Form)
🛠 Tech Stack
| Category | Technologies |
|---|---|
| Framework | Next.js 15 (App Router) |
| UI Library | React 19 |
| Styling | Tailwind CSS 4 + CSS Modules |
| Type Safety | TypeScript 5 |
| Animations | Framer Motion |
| Forms | React Hook Form + Zod |
| Security | JWT + Redis |
| Resend + React Email |
🏆 Performance Highlights
Desktop: Performance 100 • Accessibility 100 • Best Practices 100
Mobile: Performance 95 • Accessibility 100 • SEO 100
⚙️ Configuration
Create .env.local file:
REDIS_URL=redis://default:password@host:port
JWT_SECRET=your_64_char_secure_key
RESEND_API_KEY=re_your_api_key_here
FROM_EMAIL=verified@domain.com
TO_EMAIL=your@email.com
⚠️ Important: Never commit real credentials! Add .env* to .gitignore
# 1. Clone repo
git clone https://github.com/AntonyShaga/portfolio.git
cd portfolio
# 2. Install deps (recommended)
npm ci
# 3. Run dev server
npm run dev
Open http://localhost:3000 in your browser.
📜 License
MIT © Antony Shaga