#headless-cms

Build content-driven sites with Contentful. Setup: 1. Define content models in Contentful. 2. GraphQL or REST API for content. 3. Rich text rendering with @contentful/rich-text-react-renderer. 4. Preview mode for editors. 5. Localization support. 6. Asset optimization and delivery. 7. Webhooks for build triggers. 8. TypeScript types from content models. Use with Next.js ISR for dynamic static sites.

Create custom CMS with Sanity.io. Architecture: 1. Schema definitions with Sanity Studio. 2. Portable Text for rich content. 3. Real-time collaboration. 4. GROQ query language. 5. Custom input components. 6. Image pipeline with hotspot. 7. Versioning and drafts. 8. Live preview integration. Deploy studio separately or with app. Use @sanity/client and implement incremental builds.