A production-grade, zero-cruft Angular 22 CSR (Client-Side Rendering) Blueprint configured according to Atelier Busco's Public Architecture Standards. Designed for sub-second build loops, surgical UI reactivity via Signals, zero zone.js runtime overhead, and seamless Vercel / Static Edge hosting.
- Natively Zoneless (No
zone.js): Configured withprovideZonelessChangeDetection(), removingzone.jspolyfills to reduce bundle size and enable surgical UI updates via Angular Signals. - Application Builder (Esbuild + Vite): Modern build pipeline delivering instant HMR during development and optimized ESM production bundles.
- Component-First Architecture: 100% Standalone components by default with native control flow (
@if,@for,@empty). - Signal-Driven Reactive State: Utilizes
input()/output()Signals and fetch-based HTTP Client (withFetch()).
| Component | Technology |
|---|---|
| Framework | Angular 22 (Standalone CSR) |
| Reactivity | Angular Signals + Zoneless |
| Build Engine | Esbuild & Vite (Application Builder) |
| Styling | Tailwind CSS (Dark Theme) |
| Routing | Angular Router (withComponentInputBinding + withHashLocation) |
| HTTP Client | provideHttpClient(withFetch()) |
git clone https://github.com/Atelier-Busco/atelier-angular-22-csr-template.git
cd atelier-angular-22-csr-template
npm installnpm run startOpen your browser at http://localhost:4200/.
npm run buildThe output files will be stored in dist/atelier-angular-22-csr-template/browser/.
This template enforces Atelier Busco's Public Standards:
Engineered by Atelier Busco — Strategic technical partner for founders and innovation leaders.