Live site (Demo)

English | Español

This opinionated Angular starter focuses on the latest Angular features and best practices. It offers essential features for flexibility and scalability, minimizing unnecessary overhead. The codebase is lightweight yet robust, allowing developers to choose their preferred technologies like UI component libraries, state management, server-side rendering, etc. Its flexible boilerplate enables easy customization and adaptation to unique project requirements.

• Angular 16
• PNPM, esbuild
• Standalone components
• Signals
• Lazy loading
• PWA
• I18n
• TailwindCSS
• OS/Light/Dark themes
• Lightweight, fast, and built using state-of-the-art technology.

• TailwindCSS

• Iconify - use icons from any icon sets 🔍Icônes.
• @iconify/tailwind - Pure CSS icons.

• https://github.com/ngneat/transloco
• https://github.com/tailwindlabs/tailwindcss
  • https://github.com/tailwindlabs/tailwindcss-aspect-ratio
  • https://github.com/tailwindlabs/tailwindcss-forms
  • https://github.com/tailwindlabs/tailwindcss-typography
  • https://github.com/tailwindlabs/prettier-plugin-tailwindcss
• https://github.com/iconify/iconify
  • https://github.com/iconify/iconify/tree/main/plugins/tailwind

• Node.js (^16.14.0 || ^18.10.0): https://nodejs.org/en/
• PNPM: https://pnpm.io/es/
• Docker (optional): https://www.docker.com/

Note: You have three options to start a new project based on this template:

1. Create a new GitHub repository from this template.
2. Clone this repository to start with a clean git history.
3. Scaffold a project fork on StackBlitz.

Create a repo from this template on GitHub.

npx degit juanmesa2097/angular-boilerplate my-app && cd my-app && ./scripts/rename_project.sh my-app

pnpm install # run `pnpm install -g pnpm` if you don't have pnpm installed

pnpm dev

Please review this checklist and modify it as necessary to meet your project requirements.

• Run the ./scripts/rename_project.sh script to rename the project.
• Change the title in src/index.html and the favicon in src/favicon.ico to match your project.
• Decide whether to continue using simple-git-hooks and lint-staged for your project.
• Clean up the README file to provide clear instructions about your project.
• Modify the pages in the project to meet your specific requirements.

Create an image of the project.

docker buildx build -t angular-boilerplate:latest .

Run the image of the project.

docker run --rm -p 8080:80 -d angular-boilerplate:latest