Next.js website showcasing my projects, blog posts, and experience. Built with Tailwind CSS and TypeScript along with other component libraries and homemade components.
Challenges & Solutions
- Designing a responsive and visually appealing layout→ Using React components and Tailwind CSS for a modern web experience, referencing Apple's Human Interface Guidelines
- Learning and implementing Next.js features→ Leveraging Next.js packages for routing, image optimization, and server-side rendering
- Optimizing performance and SEO→ Using PageSpeed Insights for performance optimization, following Google's guidelines
Technical Details
Modern web technologies including Next.js, React, Tailwind CSS, TypeScript, and various other libraries for icons, and UI components.
Learnings
- GitHub pipeline with Vercel for CI/CD
- SEO optimization using PageSpeed Insights
- responsive web design principles
Future Plans
- MongoDB migration for blog posts and project data
- Code preview styling for blog posts