An open API service indexing awesome lists of open source software.

https://github.com/storyblok/storyblok-angular-example


https://github.com/storyblok/storyblok-angular-example

angular storyblok

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

# Angular 8 Example with Storyblok live preview

This **Angular 8** projects demonstrates the integration of the headless CMS Storyblok with it's "True Live Preview" feature.

![Storyblok Live preview](http://img.storyblok.com/Ei1F79s0rE_5ijPKDPIiLQBQyDA=/840x0/filters:filters:fill(FFFFFF):filters:format(jpeg)/f/51376/2870x1548/c332fe9c67/angular-5-minutes-tutorial-finish.png)

#### To see the full tutorial of this boilerplate, go to [storyblok](https://).

## Run project
To run this project follow the steps below:
1. Clone this repository:
```bash
git clone https://github.com/storyblok/storyblok-angular-example.git
```
2. Install all dependencies:
```bash
npm install
```
3. Create a [Storyblok space](https://app.storyblok.com/) and copy your preview token and exchange the token in arquive src/app/storyblok.service.ts

4. If all went well, run the command:
```bash
npm start
```

##### Run to `http://localhost:4200/`

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).