Next.js Blog — Sanity CMS

Overview

An early exploration of the Next.js + headless CMS pattern, built before Jamstack tooling had fully matured. Sanity provides the content editing interface; Next.js fetches and renders posts server-side. SWR handles infinite-scroll pagination on the listing page without a full page reload. This project established the CMS-driven blog architecture refined in later work.

Tech

Next.js 9.4.4 with getServerSideProps fetches Sanity content at request time. SWR handles client-side pagination with a stale-while-revalidate cache strategy. Bootstrap 4 and SCSS provide the responsive layout. Three years of active use produced 75 commits before the project was superseded by headless WordPress work.