Prismic and Next.js Overview

Welcome to the developer documentation for Prismic and Next.js. Here we'll show you where to get started in learning how these two technologies work together.

Getting started

These docs are designed to take you through all the required steps to get up and running with Next.js. We suggest going through them in the order shown here. If you'd prefer to start by checking out some fully-functional example projects, look a little further down this page.

Where to start?

If this is your first time here, we suggest first going to the "Set up Prismic" page. Alternatively, you can jump straight to the page you're looking for.

Start setting up Prismic

Pricing

Curious about pricing? Prismic has an unlimited free tier for projects with one user. To learn more, see our pricing page:

Prismic Pricing

Find the right plan for any size of project.

Example projects

Here you can explore fully-functional example projects to see how to integrate Prismic into different types of websites.

Check out the example projects

Select any of the available example projects and customize them to your liking!

Use Cases

If you're looking for suggestions on how to set things up for one of our highlighted use-cases, then check out these articles.

SEO

How to set up meta tags in your Custom Types and implement them in your application to help with your SEO.

Navbars, Footers, & Menus

We'll show you the best practices for querying content outside the SliceZone of your document.

Multilingual Templating

All the resources you need to take advantage of Prismic's multi-language and localization feature.

Have questions or comments?

If you have ideas for how to improve this documentation, we'd love to hear from you on the Prismic Community Forum.

Set up Prismic

Was this article helpful?

Not really

Yes, Thanks

Can't find what you're looking for? Spot an error in the documentation? Get in touch with us on our Community Forum or using the feedback form above.