Devarsh Patel | Portfolio

Personal portfolio built with Next.js 15, Tailwind CSS, and framer-motion. Features a high-performance WebGL Hyper-Matrix background and a professional editorial design.

Features

• 🚀 High Performance: Built on Next.js 15 for optimal speed and SEO.
• 🎨 WebGL Background: Interactive magnetic mesh background with real-time distortion.
• 📱 Responsive: Fully optimized for mobile, tablet, and desktop screens.
• 🌗 Theme Aware: Seamless Dark/Light mode transitions with custom neon glow logic.
• 🎵 Audio Deck: Persistent music player for an immersive experience.
• ✨ Glassmorphism: Modern UI components with backdrop blurs and subtle animations.

Deployment

Vercel (Recommended)

1. Push your code to a GitHub repository.
2. Select the repository in the Vercel Dashboard.
3. Vercel will automatically detect Next.js and deploy your project.

GitHub Pages

I have included a GitHub Action at .github/workflows/deploy.yml that handles the static export and deployment automatically on every push to main.

Local Development

1. Clone the repository: git clone https://github.com/your-username/my-portfolio.git
2. Install dependencies: npm install
3. Run the development server: npm run dev
4. Open http://localhost:3000 to view the result.

License

MIT License. Feel free to use this template for your own portfolio.