Pixel Quirk Blog
A developer blog built on Next.js with Hygraph as a headless CMS, using GraphQL to drive category routing and article pages.
Tech Stack
The Challenge
Writing technical posts shouldn't mean redeploying the site. The aim was a blog where content lives in a CMS and the front end stays a thin, fast rendering layer, with article pages readable enough that long code-heavy explanations don't turn into a wall of text.
The Solution
Next.js fetches content from Hygraph over GraphQL and renders it server-side, so posts are indexable and fast without a client-side data fetch. Categories are real routes, not filters, which keeps individual topics linkable.
Most of the effort went into typography. Technical writing depends on whether a reader can scan it, so article pages lean on clear heading hierarchy and generous spacing instead of decoration.
Current state
Two articles are published so far: an introduction to JSON in JavaScript, and a React primer. The publishing pipeline is complete; the archive just hasn't been filled yet.
Key Features
- ▸Hygraph headless CMS with GraphQL queries
- ▸Category routing with dedicated pages per topic
- ▸Featured and recent post surfaces on the homepage
- ▸Article pages with structured subheadings and cover images
- ▸Tailwind CSS and Sass for styling
Want something like this?
Let's build your next product together.
Let's Talk