Skip to content

turbo-start-contentful

Our open-source Contentful + Next.js starter with a page builder, Shadcn UI and Turborepo.

entry 05 of 15 · starter · updated 2026-10-07

← previous04 turbo-start-brainnext →06 turbo-start-shopify

What it is

turbo-start-contentful is the Contentful counterpart to our Sanity starter. It connects a Next.js 16 App Router front end to Contentful's headless CMS, with a component-driven page builder, Shadcn UI primitives, and the same Turborepo monorepo structure we use across our starter templates.

The content model ships ready to use: page builder blocks, a full-featured blog with rich text, and live preview of draft content via Preview Mode. Contentful handles image optimization automatically, so the asset pipeline works without extra configuration.

It is the base for our Contentful development work, open-sourced so any Contentful project can start from a known-good foundation.

What you get

  • Next.js 16 App Router with TypeScript and React Server Components throughout.
  • A dynamic page builder for flexible content layouts, connected to Contentful's content model.
  • Full-featured blog with rich text rendering and custom component support.
  • Live preview of draft content via Contentful's Preview Mode.
  • Shadcn UI components on Tailwind CSS v4, with SEO metadata, a dynamic robots.txt, sitemaps, and structured data baked in.
  • Generated TypeScript types from your Contentful schema via pnpm --filter web typegen, so a content model change surfaces as a type error.
  • Ready-made content types for pages, blog posts, global settings, navigation, and reusable sections like heroes, CTAs, FAQs, and feature cards.
  • Turborepo monorepo with task caching, so unchanged packages skip rebuilding.

How to use it

Clone the repository, install dependencies, and point it at your Contentful space.

bash
git clone https://github.com/robotostudio/turbo-start-contentful
cd turbo-start-contentful
pnpm install

Add your Contentful Space ID, Content Delivery API token, and preview access token plus preview secret (Preview Mode needs both) to apps/web/.env.local, then run pnpm dev to start the local server. There's a live demo at contentful.robotostudio.com (opens in new tab).

How we use it

It is the starting point for our Contentful engagements. When a client already has Contentful and needs a front end that fits their existing content model, we branch from here.

Common questions

FAQs

What people ask before picking up turbo-start-contentful

Does this replace Contentful or sit in front of it?
In front of it. Contentful stays as the headless CMS and this is the Next.js 16 App Router front end, with a component-driven page builder mapped onto Contentful's content model.
What content types do I get out of the box?
Pages, blog posts, global settings, navigation, and reusable sections such as heroes, CTAs, FAQs and feature cards, plus a full blog with rich text rendering and custom component support.
Can editors preview drafts before publishing?
Yes, through Contentful's Preview Mode. You need both the preview access token and the preview secret in apps/web/.env.local for it to work.
Will a content model change break the build quietly?
No. 'pnpm --filter web typegen' generates TypeScript types from your Contentful schema, so a model change surfaces as a type error.
Can I see it running before I clone it?
Yes, there is a live demo at contentful.robotostudio.com.

Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

By sending this you agree to our privacy policy. We only use your details to reply.