Starters

This article will walk you through the best way to use Prismic with Vue.js applications. The starters provide a collection of pre-built sample content, custom types, source code, and more. It will guide you on how to build an application and explore various features and capabilities of Prismic.

Choose a project

You can choose any of the available sample projects. You can also see a preview of the project to check how the application works.

Run the theme command

To install a sample project, run the theme command. The theme command clones the project locally, installs all necessary dependencies and creates a Prismic repository with custom types and pre-built content. It will ask you to give the name of your Prismic repository and the local folder to initialize your project**. **

npx prismic-cli@latest theme --theme-url https://github.com/prismicio/vuejs-blog.git --conf public/index.html

Run the website in development mode

Now, open your project folder in the terminal and run the following command to launch a local development server at http://localhost:8080.

npm run serve

Now you can customize the code and content however you want, and deploy your project when you’re ready.