turbo-start-contentful

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.

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.

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.