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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay