# React Boilerplate

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

<SectionBasicContent
  description="The React Boilerplate is designed to simplify and enhance the deployment process for React.js applications directly on a distributed architecture of the network. It provides a minimal, ready-to-run project so you can start building features instead of wiring up tooling. 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/react/react-boilerplate", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://p26s5uy4r7.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/react/reactjs-boilerplate) |
      | Framework | [React](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/react/) |
      | Use Case | General |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/react/react-boilerplate.png" width="400" alt="React 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 [React](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/react/), a component-based JavaScript library for building user interfaces. It offers a clean baseline with build and deploy steps already configured, giving you a solid structure to grow from. Once deployed on Azion, the app runs on a distributed architecture for low-latency access worldwide.

## Key features

- Lightweight React.js starter with a straightforward project structure.
- Build and deployment configuration ready for the Azion edge.
- Component-based architecture that scales as your application grows.
- Edge delivery on Azion for fast, globally distributed responses.

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