DEV Community

Cover image for The best Angular 18 Starter Project
wlucha
wlucha

Posted on

The best Angular 18 Starter Project

This is an Angular 18 Starter with Material, Cypress, Transloco, Jest, Compodoc, Docker Support, ESLint & Prettier.

GitHub: https://github.com/wlucha/angular-starter

Angular 18
Angular Material
✅ Unit Testing with Jest
✅ End-to-End Testing with Cypress
✅ Internationalization with Transloco
✅ Auto documentation with Compodoc
✅ Provide component examples with Storybook
✅ Analyse your project with source-map-explorer
Docker
ESLint
Prettier
Commit Linting
AuditJS Audit this application using Sonatype OSS Index
✅ Auto-generate a CHANGELOG with auto-changelog

Deploy

Deploy

Install / Development

# Clone the project
$ git clone https://github.com/wlucha/angular-starter
$ cd angular-starter

# Install dependencies
$ npm install

# Start server
$ npm run start

# Open in browser: http://localhost:4200

Enter fullscreen mode Exit fullscreen mode




Docker Deployment


# Build Docker image
$ docker build . -t angular-starter

# Run Docker Container
$ docker run -p 3000:80 angular-starter

Enter fullscreen mode Exit fullscreen mode




Docker Hub

https://hub.docker.com/r/wlucha/angular-starter

Commands

- npm run start - Start the app

  • npm run lint - Lint the project
  • npm run test - Run unit tests
  • npm run build - Build the project
  • npm run build:prod - Build the project in production mode
  • npm run build:prod:stats - Build the project in product mode with stats
  • npm run analyse - Analyse bundle with webpack-bundle-analyzer
  • npm run compodoc - Generate compodoc documentation
  • npm run version - Generate changelog
  • npm run prettier - Format the whole project
  • npm run audit - Audit this application using Sonatype OSS Index
Enter fullscreen mode Exit fullscreen mode

License

MIT License

Copyright (c) 2024 Wilfried Lucha

GitHub: https://github.com/wlucha/angular-starter

Top comments (0)