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.
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.
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.
In the terminal, go to the newly created project directory and launch the server.
cd prismic-site
ng serve --open