A modern, minimalist portfolio site built with Next.js 15, TypeScript, and Tailwind CSS. Features a responsive design with dark mode support, smooth page transitions, and glass-morphism UI effects.
Want to visit the live site? Click here
- Server-side rendering with Next.js 15
- Type-safe development with TypeScript
- Responsive design that adapts to both portrait and landscape orientations
- Dark mode with smooth theme transitions
- Glass-morphism UI effects with backdrop blur
- Animated page transitions using Framer Motion
- Optimized images and performance metrics with Vercel Analytics
- PDF resume caching for improved performance
- Custom scrollbar styling
- SEO optimized
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Deployment: Vercel
- Analytics: Vercel Analytics & Speed Insights
- Fonts: Geist Sans & Geist Mono
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start/src/app/*- App router pages and layouts/src/components/*- Reusable UI components/src/data/*- Static data stores/src/lib/*- Utility functions and animations/public/*- Static assets
- Optimized image loading with next/image
- PDF caching implementation
- Static asset optimization
- Responsive image sizing
- Code splitting and lazy loading
This was my first experience with several modern web technologies:
-
Next.js
- App Router architecture and implementation
- Server-side actions and data fetching
-
TypeScript
- Static typing fundamentals
- Type-safe development practices
- Compile-time error detection
-
Tailwind CSS
- Theme configuration and switching
- Integration with styled-jsx for custom styling
-
Framer Motion
- Custom animation development
- Page transition effects
-
Vercel Platform
- Deployment workflow optimization
- Analytics and Speed Insights integration
- Performance monitoring and optimization