BuildWithMatija
Get In Touch
  1. Home
  2. Series
  3. Sanity CMS with Next.js: Production Guide
Sanity

Sanity CMS with Next.js: Production Guide

10 articles
Hub + 9 spokes

Series Overview

Master Sanity CMS with Next.js: schema setup, TypeGen, GROQ queries, webhooks, markdown editing, document previews, and production workflows.

All Articles in Series

H
Integrating Sanity.io with Next.js 15: A Step-by-Step Guide
HUB1 of 10

Integrating Sanity.io with Next.js 15: A Step-by-Step Guide

Create a Powerful, Easy-to-Manage Blog with Sanity and Next.js

Feb 28, 2025By Matija Žiberna
1
How to Update Sanity Schema in Nextjs 15
PART 12 of 10

How to Update Sanity Schema in Nextjs 15

A practical guide to updating your Sanity schema in modern Next.js 15 apps — simplified and developer-friendly.

May 15, 2025By Matija Žiberna
2
How To Add Markdown Support to Sanity Studio
PART 23 of 10

How To Add Markdown Support to Sanity Studio

Adding Markdown Support to Sanity Studio: Want a Better Content Editing Experience? This guide shows you how to add…

13 min readMar 7, 2025By Matija Žiberna
3
How to Generate TypeScript Types for Your Sanity V3 Schema
PART 34 of 10

How to Generate TypeScript Types for Your Sanity V3 Schema

Automatically generate accurate TypeScript types from your Sanity schema to catch errors early and speed up your development workflow.

May 16, 2025By Matija Žiberna
4
How To Add Markdown Support to Sanity Studio
PART 45 of 10

How To Add Markdown Support to Sanity Studio

Adding Markdown Support to Sanity Studio: Want a Better Content Editing Experience? This guide shows you how to add Markdown, render it in Next.js, and handle SEO.

Mar 7, 2025By Matija Žiberna
5
GROQ vs GraphQL: Complete Guide to Choosing the Right Query Language (2025)
PART 56 of 10

GROQ vs GraphQL: Complete Guide to Choosing the Right Query Language (2025)

Compare query languages for content vs. application data: when to use GROQ with Sanity vs GraphQL for complex APIs

Comprehensive comparison of GROQ and GraphQL: understand when to choose each query language for content-driven applications vs. complex multi-source APIs.

12 min readSep 15, 2025By Matija Žiberna
6
How to Add Custom Sorting Options to Sanity CMS Document Lists
PART 67 of 10

How to Add Custom Sorting Options to Sanity CMS Document Lists

Customize Sanity Studio lists with defaultOrdering and orderingMenuItem for better workflows

Learn to add custom sorting options to Sanity Studio document lists using the structure tool, including default sort, multi-field ordering, and domain-specific sorts.

5 min readSep 21, 2025By Matija Žiberna
7
How to Customize Document Previews in Sanity CMS Studio
PART 78 of 10

How to Customize Document Previews in Sanity CMS Studio

Use select and prepare to show dates, status, references, and computed info

Learn to tailor Sanity Studio document previews with select and prepare: display publication dates, statuses, reference fields, media fallbacks, and computed summaries.

7 min readSep 22, 2025By Matija Žiberna
8
Sanity TypeGen: Optimal Project Structure and Production Workflow (2025 Update)
PART 89 of 10

Sanity TypeGen: Optimal Project Structure and Production Workflow (2025 Update)

Scale TypeGen from basic setup to production-ready system with optimal project structure, advanced query organization, and bulletproof development workflow

Complete guide to implementing Sanity TypeGen at scale: project structure, query organization, type generation workflow, and production deployment strategies for large applications.

14 min readSep 16, 2025By Matija Žiberna
9
How to Create Secure Sanity CMS Webhooks with Next.js App Router
PART 910 of 10

How to Create Secure Sanity CMS Webhooks with Next.js App Router

Implement HMAC signature verification and selective revalidation using @sanity/webhook in App Router

Secure your Sanity webhook endpoint in Next.js App Router with signature verification, raw body parsing, GROQ filters, and safe cache revalidation.

9 min readSep 12, 2025By Matija Žiberna

Topics Covered

Sanity CMSNext.jsGROQTypeGenwebhooksheadless CMSSanity Studiomarkdown
←Back to all series
HUB ARTICLE

Integrating Sanity.io with Next.js 15: A Step-by-Step Guide

By Matija Žiberna

Quick Navigation

Hub: Integrating Sanity.io with Next.js 15: A Step-by-Step GuidePart 1: How to Update Sanity Schema in Nextjs 15Part 2: How To Add Markdown Support to Sanity StudioPart 3: How to Generate TypeScript Types for Your Sanity V3 SchemaPart 4: How To Add Markdown Support to Sanity StudioPart 5: GROQ vs GraphQL: Complete Guide to Choosing the Right Query Language (2025)Part 6: How to Add Custom Sorting Options to Sanity CMS Document ListsPart 7: How to Customize Document Previews in Sanity CMS StudioPart 8: Sanity TypeGen: Optimal Project Structure and Production Workflow (2025 Update)Part 9: How to Create Secure Sanity CMS Webhooks with Next.js App Router

B2B Website Development

Complex websites for B2B companies whose current site is limiting sales, marketing, and operations.

Learn more

Bespoke AI Applications

Internal tools where AI reduces manual work and connects real business operations.

Learn more

Start a conversation.

Get in touch
Build With Matija Logo

Build with Matija

Modern websites, content systems, and AI workflows built for long-term growth.

Services

  • Headless CMS Websites
  • Next.js & Headless CMS Advisory
  • AI Systems & Automation
  • Website & Content Audit
  • Resources

    • Case Studies
    • How I Work
    • Blog
    • CMS Hub
    • E-commerce Hub
    • Dashboard

    Headless CMS

    • Payload CMS Developer
    • CMS Migration
    • Payload vs Sanity
    • Payload vs WordPress
    • Payload vs Contentful

    Get in Touch

    Ready to modernize your stack? Let's talk about what you're building.

    Book a discovery callContact me →
    © 2026BuildWithMatija•All rights reserved