Skip to content

Latest commit

 

History

History
159 lines (100 loc) · 3.08 KB

REBUILD.md

File metadata and controls

159 lines (100 loc) · 3.08 KB

Reconstruction du site sur Angular v17

Comment le site a été initialisé en détail

Prérequis

Node.js v20.10.0

Angular CLI v17

npm install -g @angular/cli@17

Création du projet

Getting Started - Angular

ng new Gaul

Which stylesheet format would you like to use? > SCSS

Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? > n

Pour tester le site en local

cd gaul
ng serve --open

(--open pour ouvrir la page dans un navigateur automatiquement)

Ajout de Bootstrap 5

ng add @ng-bootstrap/ng-bootstrap@16

The package @ng-bootstrap/ng-bootstrap@16.0.0 will be installed and executed. Would you like to proceed? > y

Génération des pages

ng generate component home --skip-tests
ng generate component fusee --skip-tests
ng generate component espace --skip-tests
ng generate component stratos --skip-tests
ng generate component partenaires --skip-tests
ng generate component contact --skip-tests
ng generate component showcase --skip-tests
ng generate component page-not-found --skip-tests

Ajout des routes

Tutoriel officiel

  1. Ajouter les routes dans app.routes.ts
  2. Remplacer le contenu de app.component.html par <router-outlet></router-outlet>

Ajout du template

Paper Kit 2 Template

  1. Télécharger le template en zip
  2. Copier paper-kit-2-angular-master/src/assets/sass/ dans Gaul/src/assets/
  3. Ajouter la ligne @import './assets/paper-kit.scss' au fichier src/styles.scss

Suite

Copie des pages de l'ancien site dans le projet.

Ajustement du texte, de la mise en page, des images et de la structure.

(Voir les commits Github)

Déploiement du site

Guides: Page Angular et Firebase Hosting

Construire le site web:

ng build

Installer Firebase CLI:

npm install -g firebase-tools

Connecter le compte google à utiliser

firebase login

Allow Firebase to collect CLI and Emulator Suite usage and error
reporting information? > y

Initialiser Firebase dans le dossier où se trouve le site web

firebase init hosting

Are you ready to proceed? > y

Please select an option: > Create a new project

Please specify a unique project id (warning: cannot be modified afterward) [6-30 characters]: > gaul-ul

What would you like to call your project? (defaults to your project ID) Appuyer sur Entrer

What do you want to use as your public directory? > dist/gaul/browser

Configure as a single-page app (rewrite all urls to /index.html)? > y

Set up automatic builds and deploys with GitHub? > n

File dist/gaul/browser/index.html already exists. Overwrite? > n

Déployer le site sur Firebase:

firebase deploy

le site est alors disponible à l'adresse https://gaul-ul.web.app