Personal Website
Next.js portfolio project with Tailwind CSS and TypeScript.
overview
Modern web technologies including Next.js, React, Tailwind CSS, TypeScript, and various other libraries for icons, and UI components.
challenges
- Designing a responsive and visually appealing layout
- Learning and implementing Next.js features
- Optimizing performance and SEO
solutions
- Using React components and Tailwind CSS for a modern web experience, referencing Apple's Human Interface Guidelines
- Leveraging Next.js packages for routing, image optimization, and server-side rendering
- Using PageSpeed Insights for performance optimization, following Google's guidelines
learnings
- GitHub pipeline with Vercel for CI/CD
- SEO optimization using PageSpeed Insights
- responsive web design principles
future
- MongoDB migration for blog posts and project data
- Code preview styling for blog posts