All Technologies / Nuxt.js / Run a pre-configured project

Run a pre-configured projectBeta

This article will show you how to get a pre-configured boiler plate project running so you can test all our features fast.

Before you start - Node Version

For this project to work correctly, you will need to have at least version 12.16.1 of node installed on your machine. You can check this by running the node -v command in your terminal.

1. Install Node

Node.js is used to power most modern Javascript frameworks to help you build websites fast and easily. Using Node.js, you can work with Javascript outside the browser. NPM (Node Package Manager) is used to install the various node dependencies used to power the Slice Machine. Luckily this installation process is something that is very well documented already.

So we'll allow William Vincent and his slick tutorials to take you through the process.

Mac

See how to install Node on Mac

Windows

Learn how to install Node on Windows

Update Node

If you already have Node installed but need to update it, then you can do so using Node Version Manager (NVM), NPM, or using the installer on Nodejs.org, for whichever OS you're using.

2. Install the Prismic CLI

So now we'll install the Prismic CLI (command line interface), if you haven't already. This tool will allow you to interact with Prismic from your local machine for things like creating repositories. To install it globally run the following command.

  • npm
  • Yarn
Copy
npm install -g prismic-cli
Copy
yarn global add prismic-cli

Sometimes it's possible that a global -g command like this doesn't work because of permission levels on your machine.

If that's the case for you, try executing the sudo command below:

  • npm
  • Yarn
Copy
sudo npm install -g prismic-cli
Copy
sudo yarn global add prismic-cli

CLI Version

You will need to make sure you're using the latest version of the CLI, which you can check on npm. (Check your version by running prismic --version).

3. Sign in to Prismic with the CLI

If you don't have a Prismic account

After installing the CLI you should be able to create a Prismic account by running the following command:

Copy
prismic signup

If you already have a Prismic account

After making sure that you have the correct version of the CLI, you can log in to Prismic by running the following command.

Copy
prismic login

5. Run the Theme command

The Prismic command is now available globally. We will now use that tool to launch this boiler plate project. In the terminal, navigate to the location you want to launch your project and run the following command. This command should configure your project, create a new Prismic repo for you and install all the node modules.

Copy
prismic theme --theme-url https://github.com/prismicio/nuxtjs-website --conf sm.json

Related Articles

Create and Model a Component

Learn how to build your own components.

What does the Prismic Repo do?

Learn more about the repository that you just created with the Theme command.