Add a powerful CMS to your Next.js site
Use Prismic’s best-in-class SDKs to launch your Next.js website quickly. Prismic gives both developers and content teams the best experience.
Websites that are already growing with Prismic and Next.js
Our Next.js SDK builds on the framework’s best features, making development easier and more powerful.
Local development tool
Design content models, generate mock data, and preview it all within your components locally.
Move fast as we generate automatic types for your content models.
Build your React components the way you want, and let your team combine them into new pages.
Previews at every step
Preview your work at each stage, from making components to publishing a page.
Technical references, documentation, blog posts, and videos crafted by experts to ensure your success.
You install Slice Machine, our local development tool, and we setup everything else you need. We install SDKs, handle data fetching, and more, so you can focus on making your site unique.
You’re ready to model your page sections as React components. We handle the data flow and give you code snippets so that rendering content is as simple as Ctrl-V. We write boilerplate; you create excellent components.
When you’re done developing components, push them to Prismic. Content teams now build pages independently with the page sections you created. Your Next.js site is performant, powerful, and on-brand.
Grow your website with tools for developers and marketers
Develop components quickly with Slice Machine
Slice Machine is our local development tool. It helps you create components for your website by automating repetitive tasks.
- Tight integration with Next.js
- Code snippets
- Built-in best practices
Empower your marketing team with the Page Builder
One page section at a time, you create a custom Page Builder. Now your team has the tools they need to hit their website goals independently.
- Live editing
- Visual page creation
- Intuitive interface
Get started with the basics with our blog guide
We will walk you through pairing your project to a new or existing Prismic repository.
Dive deep into the technicalities with our docs
Install and configure Prismic in a Next.js project by following detailed documentation.
Go beyond the basics with our video course
You'll go from installing the essential tools to building vibrant, responsive components.
Nothing integrates as easily, or makes Next.js more powerful than Prismic. We’re constantly looking for ways to improve the developer experience and keep it best-in-class. Editors love the Page Builder’s freedom and simplicity and never need to wait for devs to ship pages.