Here is a guide to help you get up and running quickly with Angular & Prismic. This article will walk you through the basics of launching an Angular project, connecting to Prismic, then retrieving and displaying content.

Then there are follow up articles that will explain how to expand this example to build a full multi-page website with navigation.

Install the Angular CLI

Make sure that you have Node.js and npm installed on your machine.

The Angular CLI runs best with Node.js version 8.x or greater and npm version 5.x or greater. You can verify this by running node -v and npm -v in a terminal/console window.

You can install the Angular CLI by running the following command in your terminal.

npm install -g @angular/cli

This will install the CLI which we will use to bootstrap our Angular application.

Create a new project

Open a terminal window.

Generate a new default angular project by running the following command:

ng new prismic-site

This will install the simple default Angular app which we will then integrate Prismic into.

Launch the application

In the terminal, go to the newly created project directory and launch the server.

cd prismic-site
ng serve --open