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