DEV Community

Cover image for ๐Ÿš€ Angular 19 + Cypress, Material + Transloco + Jest, EsLint + Docker + Prettier ๐Ÿš€
wlucha
wlucha

Posted on โ€ข Edited on

7

๐Ÿš€ Angular 19 + Cypress, Material + Transloco + Jest, EsLint + Docker + Prettier ๐Ÿš€

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

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

โœ… Angular 19
โœ… 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](https://github.com/webpack-contrib/webpack-bundle-analyzer)
- `npm run compodoc` - Generate [compodoc](https://github.com/compodoc/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) 2025 Wilfried Lucha

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

Top comments (3)

Collapse
 
jangelodev profile image
Joรฃo Angelo โ€ข

Hi wlucha,
Top, very nice and helpful !
Thanks for sharing.

Collapse
 
sm0ke profile image
Sm0ke โ€ข

Nice ...

Collapse
 
mark3721 profile image
William Taylor โ€ข

cool, thanks for your share

Sentry image

See why 4M developers consider Sentry, โ€œnot bad.โ€

Fixing code doesnโ€™t have to be the worst part of your day. Learn how Sentry can help.

Learn more