A modern, animated personal discord activity built with Next.js 13, featuring smooth animations and real-time analytics integration.
- ⚡ Built with Next.js 13.5.6 and React 18
- 🎭 Smooth animations using Framer Motion and GSAP
- 📱 Responsive design with Tailwind CSS
- 📊 Performance tracking with Vercel Analytics and Speed Insights
- 🎯 TypeScript for type safety
- 🔄 Smooth scroll with Lenis
- Node.js (v16 or higher)
- npm or yarn
- Git
-
Clone the repository:
git clone [your-repo-url] cd personal-portfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser
src/ ├── app/ # Next.js 13 app directory ├── components/ # Reusable UI components ├── context/ # React context providers └── hooks/ # Custom React hooks
- Framework: Next.js 13.5.6
- Styling: Tailwind CSS
- Animations:
- Framer Motion
- GSAP
- Smooth Scroll: @studio-freight/lenis
- Icons: Lucide React
- Analytics:
- Vercel Analytics
- Vercel Speed Insights
- Development Tools:
- TypeScript
- ESLint
- PostCSS
- Autoprefixer
If you encounter any issues, please check our TROUBLESHOOTING.md guide.
This project is licensed under the MIT License - see the LICENSE file for details.
- Run development server:
npm run dev - Build for production:
npm run build - Start production server:
npm start - Lint code:
npm run lint
This project is optimized for deployment on Vercel. Simply push to your repository and Vercel will handle the rest.
- Keep components small and focused
- Follow TypeScript best practices
- Use Tailwind CSS utility classes for styling
- Implement responsive design patterns
- Optimize images and assets for performance
Contributions are welcome! Please feel free to submit a Pull Request or reach out via email at [[email protected]].