About This Project

This Next.js portfolio demo was built as part of my learning journey into modern React frameworks. It is a fully dynamic portfolio site powered by Next.js, Tailwind CSS, and Contentful as a headless CMS.

Features

• Dynamic Content - Projects are stored in Contentful and fetched using GraphQL.
• Client-side Filtering - Users can filter portfolio projects by category.
• Markdown Support - Content is written in Markdown and converted to HTML.
• Next.js App Router - Learning SSG, SSR, and API routes.
• Unit Testing - Implemented tests using Jest and React Testing Library.

What I Learned

• Next.js App Router - Using layouts, dynamic routing, and client/server components.
• GraphQL Queries - Fetching data from Contentful CMS.
• Tailwind CSS - Creating responsive and accessible UI designs.
• Markdown to HTML Conversion - Rendering structured content dynamically.
• Testing Best Practices - Writing unit tests for UI components.

Future Improvements

• Implementing dark mode.
• Improving SEO optimization (meta tags, structured data).
• Expanding test coverage to more components.