Angular
Enterprise
./assets/drawing/angular-resources-libraries-jamstack.svg

Angular Lib: Jamstack

Jamstack is a new way to build a static website using JavaScript, APIs, and Markups. unlike LAMPStack, everything is generated beforehand (Server Side Rendering or Pre-rendering). This helps to improve performance, security, load time and therefore SEO... Those tools for building static websites are also called Static Site Generators (SSR) in fact Scully is one SSR and probably the good one if you like the Angular ecosystem. However you must know there are others SSR tools such as Next.js, Gatsby, Hugo, Jekyll, 11ty...

Libraries

  • scully is a community project that aims to offer an alternative to Angular Universal. It is basically the static site builder for Angular apps and works by pre-rendering static pages at build time using Puppeteer. scully
  • universal is the official project led by the Angular team at Google which allows rendering on the server side but also pre-rendering at build time. universal
  • angular-prerender is a small library that works on the command line and allows you to pre-render from an Angular application. angular-prerender
  • ng-universal is a set of utilities and helpers made by the company called Trilon and aimed to help to improve the SEO of Angular applications especially the ones built with Universal... ng-universal
  • ngx-universal is again a set of utilities function to help working on the server side rendering with Angular Universal. ngx-universal
  • ngext is a tool inspired by React Next.js which abstracts an angular application and drastically simplifies the routing. It has also as a pre-rendering feature that generates HTML file for each page. ngext

Scully Set of Plugins

  • scullyio/plugins is the collection of the official Scully plugins. scullyio/plugins
  • gammastream/scully-plugins is the collection of various Scully plugins made and maintained by gammastream. gammastream/scully-plugins
  • samvloeberghs/kwerri-oss is the collection of various Scully plugins made and maintained by samvloeberghs. You will find the following plugins: scully-plugin-disable-angular, scully-plugin-minify-html, ngx-seo. samvloeberghs/kwerri-oss
  • etavener/scully-tools is another collection of three Scully plugins made and maintained by etavener. etavener/scully-tools
  • notiz-dev/scully-plugins is a set of useful plugins called fouc, lazy-images, rss, medium-zoom... made by notiz-dev that help boosting productivity for your next Jamstack Angular application. notiz-dev/scully-plugins
  • flowaccount/nx-plugins is a set of Scully plugins built by FlowAccount team called scully-plugin-angular-delay, scully-plugin-lazy-load-picture-tag, scully-plugin-google-analytics. flowaccount/nx-plugins
  • k9n-dev/scully-plugins is a set of Scully plugins published by k9n.dev an open-source oriented development company created by Danny Koppenhagen. k9n-dev/scully-plugins

Scully Individual Plugins

  • d-koppenhagen/scully-plugin-mermaid is a Scully plugin made by d-koppenhagen that will generate a SVGs from Mermaid source code. d-koppenhagen/scully-plugin-mermaid
  • d-koppenhagen/scully-plugin-to is a Scully plugin made by d-koppenhagen that will create a table of contents for all headings of your Markdowns. d-koppenhagen/scully-plugin-toc
  • scully-plugin-amp-css has purpose to make your website compliant with AMP by combining all required css into a single style tag located in the head tag of a given page. scully-plugin-amp-css
  • scully-plugin-page-title is a plugin made by Preston Lamb that will help change the page title to what is set on the route data. scully-plugin-page-title
  • scully-plugin-canonical is another plugin made by Preston Lamb that sets the canonical href link for scully pages which again have this information in the route data. scully-plugin-canonical

Learn more about Angular

Complete list of angular libraries to develop user interfaces .