Angular EnterpriseAngular Enterprise

Angular Lib: Jamstack

  • Libraries
  • 18 links
  • 3 min read
Libraries to develop websites with the Jamstack.

Jamstack is a way to build websites using JavaScript, APIs and Markup. Unlike a traditional LAMP stack, pages are generated beforehand (pre-rendering) or rendered on the server, which improves performance, security, load time and therefore SEO. The tools for building static websites are called Static Site Generators (SSG). In the Angular ecosystem the official @angular/ssr package now handles both server-side rendering and pre-rendering, and AnalogJS is a popular meta-framework for content-driven websites. Other well-known SSG tools outside of Angular are Next.js, Astro, Hugo, Jekyll or 11ty.

Libraries

  • analog is the fullstack meta-framework for Angular created by Brandon Roberts. Powered by Vite, it offers file-based routing, API routes, Markdown content, server-side rendering and static site generation. analog
  • 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 is no longer actively maintained, for new projects prefer @angular/ssr or AnalogJS. scully
  • universal was the official project led by the Angular team at Google which allows rendering on the server side but also pre-rendering at build time. Since Angular 17 it has been replaced by the @angular/ssr package and the repository is now archived. 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 also has a pre-rendering feature that generates an HTML file for each page. ngext

Scully Set of Plugins (Legacy)

  • 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
  • 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 (Legacy)

  • d-koppenhagen/scully-plugin-mermaid is a Scully plugin made by d-koppenhagen that will generate SVGs from Mermaid source code. This repository is now archived. d-koppenhagen/scully-plugin-mermaid
  • d-koppenhagen/scully-plugin-toc is a Scully plugin made by d-koppenhagen that will create a table of contents for all headings of your Markdown files. This repository is now archived. d-koppenhagen/scully-plugin-toc
  • scully-plugin-amp-css aims 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

Up next

Learn more about Angular