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

https://github.com/ganatan/angular-transferstate

Angular 14 Example SSR & Transfer Sate
https://github.com/ganatan/angular-transferstate

angular angular10 angular11 angular12 angular13 angular14 bootstrap4 bootstrap5 example-app example-project server-side-rendering ssr starter-project transferstate

Last synced: 8 months ago
JSON representation

Angular 14 Example SSR & Transfer Sate

Awesome Lists containing this project

README

          

**Important note**
> This functionality is no longer useful on Angular 15, the google team having resolved the malfunction.
> So this tutorial is only useful with Angular 14 or earlier versions.

# Angular 15 and 14 Example Transfer state

> An Angular starter kit featuring [Angular 15.0.1](https://angular.io), [Angular CLI 15.0.1](https://cli.angular.io/)

> it's part of a repo series designed to create a Progressive Web App with Angular

# Web Application Live Demo




Angular 15 Example 
<br />      Application

## Quick start

```bash
# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-transferstate.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-transferstate.git

# change directory
cd angular-transferstate

# angular Version 14
cd frontend-angular14

# angular Version 15
cd frontend-angular15

# install the repo with npm
npm install

# start the server
npm start

```
in your browser go to [http://localhost:4200](http://localhost:4200)

## Getting Started

### Installation
* `npm install` (installing dependencies)
* `npm outdated` (verifying dependencies)

### Developpement
* `npm run start`
* in your browser [http://localhost:4200](http://localhost:4200)

## Tests
* `npm run test`

### Compilation
* `npm run build` ( without SSR)
* `npm run build:ssr` ( with SSR)

### Production
* `npm run serve:ssr`
* in your browser [http://localhost:4000](http://localhost:4000)

### Prototype Bootstrap 5
* `change directory` cd ui
* launch html pages in your browser

### Author
* Author : danny

### Documentation

English Tutorials
- Installation - https://www.ganatan.com/tutorials/transfer-state-with-angular
- Tutorials Step-by-Step - https://www.ganatan.com/tutorials/en

Tutoriels en français
- Installation - https://www.ganatan.com/tutorials/transfer-state-avec-angular
- Tutoriels Etape par étape - https://www.ganatan.com/tutorials