Starters

Launch a Prismic starter project.

Choose a project

Choose the project you want to install and run the corresponding command in your terminal:

To install the blog starter, run this command:

npx degit https://github.com/prismicio-community/nextjs-starter-prismic-blog nextjs-starter-prismic-blog
cd nextjs-starter-prismic-blog
npx @slicemachine/init@latest

To install the portfolio starter, run this command:

npx degit https://github.com/prismicio-community/nextjs-starter-prismic-multi-page nextjs-starter-prismic-multi-page
cd nextjs-starter-prismic-multi-page
npx @slicemachine/init@latest

To install the minimal starter, run this command:

npx degit prismicio-community/nextjs-starter-prismic-minimal your-project-name
cd your-project-name
npx @slicemachine/init@latest

Run your project in development mode

To run your project in development mode, enter this command:

npm run dev

This command will run two servers:

• one with your new website in a development environment
• one with Slice Machine

Slice Machine is Prismic’s desktop application for creating content models and syncing them to Prismic.

Open Slice Machine in your browser. In the types section, you will see the page types for your project. In the slices section, you will see the slice models for your project. These models are all already synced to Prismic.

Create content

Next, add content to your newly-created Prismic repository. Go to prismic.io/dashboard to see your new repository. If your project needs a menu or homepage, create those documents. If your project needs pages or blog posts, create at least one of each.

Customize, deploy, and preview

To learn how to customize your project, you can return to Model Content and proceed through Fetch Data and Template Content to learn the basics of developing with Prismic.

To deploy your project, read Deploy your App.

To set up previews, read Preview Drafts.