Starters

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


Choose a project

Now choose from one of the starters below. You can see a preview of what the project will look like and then run the theme command for the project. This command will clone the project locally, install any necessary dependencies, create a Prismic repo and populate it with demo content. Then it's just up to you to run it and see your content.

Blog

This starter blog is an excellent starting point to explore Nuxt.js and Prismic. Get it up and running in minutes. Modify and adapt it to your liking; it's all yours!

Run the following command in the terminal to launch this project locally:

Copy
npx prismic-cli@latest theme --theme-url https://github.com/prismicio-community/nuxt-starter-prismic-blog --conf nuxt.config.js

Multi-language website

Want to see a multi-language Nuxt.js website using Prismic? Look no further! This project provides all the code you need for a website with a homepage, information pages, and navigation.

Run the following command in the terminal to launch this project locally:

Copy
npx prismic-cli@latest theme --theme-url https://github.com/prismicio-community/nuxt-starter-prismic-multi-language --conf nuxt.config.js

Multi page website

Multi-pageInformation Site

An informational website with multiple pages and navigation.

Run the following command in the terminal to launch this project locally:

Copy
npx prismic-cli@latest theme --theme-url https://github.com/prismicio-community/nuxt-starter-prismic-multi-page --conf nuxt.config.js

Run Slice Machine

You now have a working project, but you don't have any content models or documents yet.

Slice Machine is Prismic's desktop application for creating content models and syncing them to Prismic. Run this command to start Slice Machine:

  • npm
  • Yarn
npm
Copy
npm run slicemachine
Yarn
Copy
yarn slicemachine

Open Slice Machine in your browser. In the Custom Types section, you will see the Custom Types models for your project. In the Slices section, you will see the Slice models for your project.

Open each Custom Type and click Push to Prismic. Now you have content models in Prismic, and you can use them to create content for your project.

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.


Run the starter

You can run your project with the following command and view your published content locally.

  • npm
  • Yarn
npm
Copy
npm run dev
Yarn
Copy
yarn dev

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.


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.