Overview
I built my first-generation portfolio as a high-performance website using React, Gatsby.js, GraphQL, and Contentful. The project gave me a structured place to present my work while learning modern static-site architecture.
My Role
I designed and implemented the frontend, content model, GraphQL data layer, and Contentful integration.
Key Features
- Gatsby-powered portfolio site
- React-based pages and components
- GraphQL data querying
- Contentful headless CMS integration
- Structured project and blog content
- Fast static-site performance
- Deployed as a public personal website
Technical Highlights
The site uses Contentful as a headless CMS and GraphQL to query content into Gatsby pages. This separated content editing from frontend implementation and made the portfolio easier to update.
What I Learned
This project taught me how static generation, headless CMSs, and GraphQL can work together to create fast and maintainable personal websites.