Ship content faster with Sanity and Next.js
Sanity gives you a built-in CMS right in your Next.js app. Get started with instant previews and real-time collaboration with our Vercel integration.
Get started for free with a special Next.js Conf coupon
We've doubled the free included monthly usage to:
- 200k API requests
- 1M API CDN requests
- 20GB Bandwidth.
With unlimited admin users, your whole team can try Sanity – be it for your marketing site, e-commerce site, mobile app, or even a podcasting backend.
Watch "Unlocking Composable Content with the App Router"
See the extended talk from Next.js Conf where Kapehe from Sanity and Grant from Formidable details how to use the Next.js App Router. Discover how Sanity streamlines content management and the benefits of the latest next-sanity updates for App Router.
Sanity and Next.js pairs perfectly
One stack, all React
Sanity and Next.js are both written in React. Use all the React packages and integrations you know and love. Anywhere you need to. Backend to frontend. All React.
Data where you need it
Sanity pairs perfectly with Next.js data fetching and rendering patterns. SSG, SSR, ISR, RSC — it’s all possible. Plus we have the docs and examples you need to get it done!
Data how you want it
Use Sanity’s powerful query APIs to filter, sort, and shape your data on the server. Give your frontend exactly the data it needs! Real-time or build time.
Live previews
No more waiting for slow builds. Setup previews for your Next.js site directly inside of Sanity so you can catch that typo before hitting publish.
Embeddable studio
Sanity is a standalone React application and can be embedded directly inside your Next.js project. No more awkward URLs. Just content editing wherever you want it.
Official integration
Sanity has an official toolkit for NextJS built to make integrating Next.js and Sanity a breeze. We take care of the hard stuff so you can focus on the fun stuff.
Ease into the App Router with the Sanity Toolkit for Next.js
Achieve next-level performance with our enhanced Next.js toolkit - tailored to developers and designed for optimal user experiences:
- Live previews
- Visual editing
- Embedded Sanity Studio
I am using Sanity with Next.js and I don't think there is a more flexible CMS out there.
Fully configured Next.js + Sanity templates
Deploy a full-stack content app in just a few clicks with our Vercel integration:
