README.md

Portfolio

A modern, fast, and responsive portfolio built with cutting-edge technologies.

Note: This project uses Umami for analytics. To enable analytics:

1. Set up your Umami instance
2. Add to your .env file:

   NEXT_PUBLIC_ENABLE_UMAMI=true/false
   UMAMI_WEBSITE_ID="your-website-id"

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Custom components with shadcn/ui
• Content: MDX for blog posts
• Query Client Tanstack Query
• Animations: Motion
• Icons: Lucide
• Metrics: Umami
• Development:
  • Prettier for code formatting
  • ESLint for code linting
  • pnpm for package management

Features

• 🌓 Dark/Light mode with system preference detection
• 📱 Fully responsive design
• 🚀 Server-side rendering and static generation
• 📝 MDX blog with frontmatter support
• 🎨 Modern UI with custom animations
• 🔄 Automatic changelog generation
• 🌐 SEO optimized with OpenGraph images
• 📰 RSS feed support
• ⚡ Optimized performance with Next.js App Router
• 🔒 Type-safe environment variables with T3 Env
• 🎯 Proper error handling and loading states

Inspiration

This portfolio is a complete rewrite inspired by Vercel's minimalist design approach. While it shares the clean aesthetics, the codebase has been built from the ground up with custom implementations and additional features.

License

This project is licensed under the MIT License. See the LICENSE file for more details.