# Angular Boilerplate

import DocButton from '~/components/webkit/DocButton.vue';
import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
import Container from '~/components/webkit/Container.vue';

<SectionBasicContent
  description="Jumpstart your web development with the Angular Boilerplate, a foundation for deploying Angular applications, a robust framework for building dynamic and responsive user interfaces. It provides a minimal, ready-to-run project so you can focus on features instead of initial setup. Deployed on Azion, the application is served via a distributed architecture for fast, globally distributed delivery."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/angular/angular-boilerplate", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://dh3vpyts1n.map.azionedge.net", severity: "secondary" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Details |
      |:----------|:------|
      | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/angular/angular-boilerplate) |
      | Framework | [Angular](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/angular/) |
      | Use Case | General |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/angular/angular-boilerplate.png" width="400" alt="Angular Boilerplate" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This template is a minimal starter for applications built with [Angular](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/angular/), a TypeScript-based framework for building structured, dynamic web interfaces. It comes with a clean baseline project and deployment steps already configured, so you can start developing right away. Once deployed on Azion, the app is delivered via a distributed architecture for low-latency access worldwide.

## Key features

- Lightweight Angular starter with a conventional project structure.
- TypeScript-first setup ready for building scalable single-page applications.
- Deployment configuration prepared for the Azion edge.
- Edge delivery on Azion for fast, globally distributed responses.

For more information about deploying this template visit the [template guide](/en/documentation/products/guides/angular-boilerplate/).