DEV Community

Cover image for πŸš€ Angular 19 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier πŸš€
wlucha
wlucha

Posted on β€’ Edited on

2

πŸš€ Angular 19 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier πŸš€

This is the Angular 19 Starter project you are looking for!

GitHub

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

Features

βœ… Angular 19
βœ… Angular Material
βœ… Unit Testing with Jest
βœ… End-to-End Testing with TestCafΓ©
βœ… Internationalization with Transloco
βœ… Auto documentation with Compodoc
βœ… Analyse your project with source-map-explorer
βœ… Docker
βœ… ESLint
βœ… Prettier
βœ… Commit Linting

Demo

StackBlitz Demo

Setup

# 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 changelog - generate changelog
  • npm run prettier - format the whole project

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

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series πŸ“Ί

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series