Starters

Launch a Prismic starter project.


Choose a project

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

Blog

A simple blog with a list of posts on the homepage.

To install the blog starter, run this command:

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

Portfolio

An personal website with multiple pages and navigation.

To install the portfolio starter, run this command:

Copy
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

Minimal

A bare-bones application with the basic configurations to get starterd.

To install the minimal starter, run this command:

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

Minimal TypeScript

A bare-bones application with basic configurations, including TypeScript.

To install the minimal starter, run this command:

Copy
npx degit prismicio-community/nextjs-starter-prismic-minimal-ts 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:

Copy
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.


Can't find what you're looking for?

Need technical Support? Spot an error in the documentation? Get in touch with us on our Community Forum.