Git Product home page Git Product logo

mazurdev / angular-full-starter Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 27.46 MB

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

License: MIT License

JavaScript 4.66% TypeScript 60.38% HTML 17.48% CSS 17.47%
angular angular8 pwa service-worker scss lazy-loading angular-universal server-side-rendering prerender sitemap seo-optimization performance optimization htaccess polyfills error-handling

angular-full-starter's Introduction

Angular Logo

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

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

angular-full-starter's People

Contributors

mazurdev avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.