Angular Lib: Jamstack

Jamstack est une façon de créer des sites web en utilisant le JavaScript, les APIs et le Markup. Contrairement à une stack LAMP traditionnelle, les pages sont générées au préalable (pré-rendu) ou rendues côté serveur, ce qui améliore la performance, la sécurité, le temps de chargement et donc le référencement. Les outils pour créer des sites web statiques sont appelés Static Site Generators (SSG). Dans l'écosystème Angular, le package officiel @angular/ssr gère désormais à la fois le rendu côté serveur et le pré-rendu, et AnalogJS est un méta-framework populaire pour les sites orientés contenu. D'autres outils SSG connus en dehors d'Angular sont Next.js, Astro, Hugo, Jekyll ou 11ty.

Librairies

• analog est le méta-framework fullstack pour Angular créé par Brandon Roberts. Propulsé par Vite, il offre un routing basé sur les fichiers, des routes d'API, du contenu Markdown, le rendu côté serveur et la génération de site statique. analog
• scully est un projet communautaire qui vise à offrir une alternative à Angular Universal. Il s'agit essentiellement du générateur de site statique pour les applications Angular, qui fonctionne en pré-rendant les pages statiques au moment du build à l'aide de Puppeteer. Scully n'est plus activement maintenu, pour les nouveaux projets préférez @angular/ssr ou AnalogJS. scully
• universal était le projet officiel conduit par l'équipe Angular chez Google qui permet de faire du rendu côté serveur mais aussi du pré-rendu au moment du build. Depuis Angular 17 il a été remplacé par le package @angular/ssr et le dépôt est désormais archivé. universal
• angular-prerender est une petite librairie qui fonctionne en ligne de commande et qui permet de faire du pré-rendu à partir d'une application Angular. angular-prerender
• ng-universal est un ensemble d'utilitaires et d'aides créés par la société Trilon et visant à aider à améliorer le référencement des applications Angular, en particulier celles construites avec Universal... ng-universal
• ngx-universal est à nouveau un ensemble de fonctions utilitaires pour aider à travailler sur le rendu côté serveur avec Angular Universal. ngx-universal
• ngext est un outil inspiré de React Next.js qui fait abstraction d'une application Angular et simplifie drastiquement le routage. Il a également une fonction de pré-rendu qui génère un fichier HTML pour chaque page. ngext

Ensemble de plugins Scully (obsolète)

• scullyio/plugins est la collection des plugins officiels de Scully. scullyio/plugins
• gammastream/scully-plugins est la collection de divers plugins Scully créés et maintenus par gammastream. gammastream/scully-plugins
• samvloeberghs/kwerri-oss est la collection de divers plugins Scully créés et maintenus par samvloeberghs. Vous trouverez les plugins suivants: scully-plugin-disable-angular, scully-plugin-minify-html, ngx-seo. samvloeberghs/kwerri-oss
• notiz-dev/scully-plugins est un ensemble de plugins utiles appelés fouc, lazy-images, rss, medium-zoom ... créés par notiz-dev qui aideront à booster la productivité de votre prochaine application Jamstack Angular. notiz-dev/scully-plugins
• flowaccount/nx-plugins est un ensemble de plugins Scully construits par l'équipe FlowAccount appelés scully-plugin-angular-delay, scully-plugin-lazy-load-picture-tag, scully-plugin-google-analytics. flowaccount/nx-plugins
• k9n-dev/scully-plugins est un ensemble de plugins Scully édité par k9n.dev une société de développement orientée open-source créée par Danny Koppenhagen. k9n-dev/scully-plugins

Plugins individuels Scully (obsolète)

• d-koppenhagen/scully-plugin-mermaid est un plugin Scully créé par d-koppenhagen qui générera un SVG à partir du code source de Mermaid. Ce dépôt est désormais archivé. d-koppenhagen/scully-plugin-mermaid
• d-koppenhagen/scully-plugin-toc est un plugin Scully créé par d-koppenhagen qui créera une table des matières pour tous les titres de vos fichiers Markdown. Ce dépôt est désormais archivé. d-koppenhagen/scully-plugin-toc
• scully-plugin-amp-css a pour but de rendre votre site Web conforme à AMP en combinant tous les css requis dans une seule balise de style située dans la balise head d'une page donnée. scully-plugin-amp-css
• scully-plugin-page-title est un plugin créé par Preston Lamb qui aidera à changer le titre de la page en ce qui est défini sur le paramètre data du routing. scully-plugin-page-title
• scully-plugin-canonical est un autre plugin créé par Preston Lamb qui définit le lien canonique href pour les pages scully qui ont à nouveau ces informations dans le paramètre data du routing. scully-plugin-canonical