Starters

This article will show you how launch a pre-configured starter.

Launch a Prismic starter project.


Choose a project

Explore the starter projects and choose one for yourself:

Clean Blog

Clean Blog

A minimalist personal blog with a list of posts on the homepage.

International Business

International Business

A multi-language business website to target international users.

Information Site

Information Site

An informational website with multiple pages and navigation.

Minimal

Minimal

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

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

npx degit https://github.com/prismicio-community/nuxt-starter-prismic-blog nuxt-starter-prismic-blog
cd nuxt-starter-prismic-blog
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 page 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.