GatsbyJS
A React-based open-source framework for building fast static and server-rendered sites with a GraphQL data layer.
Related Projects
-
A statically generated Gatsby portfolio site built in 2020, pulling its content from local MDX files (blog posts, projects, work experience) and live GitHub commit data from the GitHub GraphQL API at build time, then rendering a custom commit-history visualization with d3-scale. Architecture splits content from presentation: MDX + remark pipelines transform markdown to pages, Emotion and Theme UI handle styling, react-hook-form + yup + hCaptcha drive a spam-resistant contact form, and Netlify CMS provides editor authoring. The form/API backend is a separate TypeScript Serverless project; the site itself is deployed on Netlify. Key tech: Gatsby, TypeScript, React, MDX, Emotion, Theme UI, Netlify CMS, GitHub GraphQL API, d3-scale, react-hook-form, Netlify.