Project Details
Next.js website showcasing my projects, blog posts, and experience. Built with Tailwind CSS and TypeScript along with other component libraries and homemade components.
Next.jsTailwind CSSTypeScript
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
Technical Details
Modern web technologies including Next.js, React, Tailwind CSS, TypeScript, and various other libraries for icons, and UI components.
Possible Improvements
- MongoDB migration for blog posts and project data
- Code preview styling for blog posts
Learnings
- GitHub pipeline with Vercel for CI/CD
- SEO optimization using PageSpeed Insights
- responsive web design principles