alex61nn5alex61nn5
23

Angular Universal Pwa Heroku Starter

screenshot of Angular Universal Pwa Heroku Starter
angular
express

Angular 8 PWA Universal Heroku Starter - Starter project for an Angular 8 application with Universal implementation and heroku build configuration

Github

Overview

The Angular Universal starter application designed for Heroku deployment streamlines the process of setting up server-side rendering (SSR) for Angular apps. Built with Angular CLI and tailored for Angular 8, this starter provides a solid foundation for developers looking to deploy their applications on Heroku efficiently. It integrates various techniques to ensure that everything works seamlessly, from the initial setup to the final deployment, making it an excellent choice for those venturing into SSR.

In addition to offering essential features for productivity and ease of use, this starter project supports progressive web application (PWA) capabilities. This enhancement allows developers to create responsive and engaging web experiences, ensuring their applications not only perform well but also meet modern web standards.

Features

  • SSR Ready: Built for Angular Universal to support server-side rendering out of the box, improving SEO and loading times.
  • Heroku Compatibility: Specially configured for seamless deployment on Heroku, simplifying the build process.
  • Progressive Web Application: Integrated PWA features enable offline access and faster load times for improved user experience.
  • Development Flexibility: Supports both ng serve and npm start for easy local development and testing.
  • Customizable Naming: Easy to rename the project by finding and replacing default project identifiers in configuration files.
  • Git Hooks Integration: Uses husky for git hooks and commitLint for message checks, promoting best practices in version control.
  • Lighthouse High Performance: Achieves a high Lighthouse score of 92, indicating good performance, accessibility, and best practices.
  • Easily Configurable Assets: Allows developers to customize PWA icons and update manifest files to match their branding.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.