ANGULAR FULL STARTER

Angular starter, which combines all the necessary components for writing a complete project

_{Check out my [blog-portfolio](https://mazurdev.com/)}

Table of Content

• Getting Started
• Stack
• Useful Commands
• Features
• License

Getting started

1 - git clone https://github.com/mazurdev/angular-full-starter.git
2 - Go to "angular-full-starter" folder
3 - npm install
4 - Change the name of the project "angular-full-starter" to your in files: "angular.json", "package.json", "manifest.json" and "README.md"
5 - Change "baseUrl" variable in "environment.ts" and "environment.prod.ts"
6 - npm run start

If need - Update packages

If need Change application prefix on this guide

Stack

• Angular Tips & Tricks & Beast Practice
• PWA (progressive web application)
• Angular Universal (SSR + Prerender)
• Maximum SEO
• Maximum Performance
• Maximum Responsive

Useful Commands

Development

• npm run start - starts a dev server and opens browser with running app
• npm run serve:dist - open project using http-server
• npm run serve:ssr - start Server Side Rendering
• npm run serve:ssr-debugg - debug Server Side Rendering
• npm run serve:ssr-staging-debugg - debug Server Side Rendering (Staging environment)

Build

• npm run build:prod - production build
• npm run build:prod-staging - production build (Staging environment)
• npm run build:ssr - production build with SSR
• npm run build:ssr-staging - production build with SSR (Staging environment)
• npm run build:prerender - production build with Prerender
• npm run build:prerender-staging - production build with Prerender (Staging environment)

Others

• npm run analyze:bundle - analyze bundle application using webpack-bundle-analyzer
• npm run postinstall - run ngcc compile libraries

Features

• disable tests
• lazy-loading
• custom preloadStrategy
• maximum responsive mixins
• use SharedModule and CoreModule
• present base application URL: "environment.ts", "environment.staging.ts" and "environment.prod.ts"
• present modalComponent
• present PWA for iOS
• present errorHandler
• present seoService
• present 404 not-found page

Update packages

npm update -g @angular/cli
ng update @angular/cli @angular/core
ng update @angular/material
ng update @nguniversal/common @nguniversal/express-engine @nguniversal/module-map-ngfactory-loader
ng update @ng-toolkit/universal @ng-toolkit/pwa @angular/pwa

If need - update "material" (ng update @angular/material)

If need - fix this (maciejtreder/ng-toolkit#639)

License

MIT License