# Documentation Home

import DocButton from '~/components/webkit/DocButton.vue';
import HeroHome from '~/components/webkit/HeroHome.vue';

<div class="[&_.flex.flex-col]:!gap-4 [&_.flex.flex-col]:md:!gap-8 [&_.flex.flex-col]:2xl:!gap-16">
  <HeroHome
    title="Welcome to <span style='color:#F3652B!important'>Azion Docs</span>"
    description="We make every application fast and reliable. Deploy your projects instantly on the most reliable global network, leverage enterprise-grade security, and scale from zero to peak without cold starts."
    logos={[]}
    buttons={[
      { label: "Create an account", link: "https://console.azion.com/signup/", outlined: false },
      { label: "Platform overview", link: "/en/documentation/products/azion-platform-overview/", severity: "secondary" }
    ]}
  />
</div>

## Start Here: Kick Off Your Project with Ready-to-Use Templates

The fastest way to start using the Azion Web Platform. Deploy instantly from dozens of templates, including e-commerce, blogs, APIs, full-stack SSR, and more; leverage integrations by connecting to Sanity, Cosmic, ButterCMS, Turso, or bringing your own RESTful CMS or database. CI/CD is auto-configured so you can focus on your code, not the pipeline.

Here are a few of our most popular templates to get you started. For more information, you can visit our documentation page on [using templates](/en/documentation/products/use-a-template-via-azion-console/).

### <i class='ai ai-astro'></i> Astro Boilerplate

Astro is a modern web framework designed for building fast, content-focused websites such as blogs, marketing pages, and e-commerce stores, minimizing client-side JavaScript by default for edge-ready performance.

To view the complete list of availiable Astro templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/#available-templates).

<DocButton href="/en/documentation/products/templates/astro-boilerplate/" label="Get Started" kind="secondary" size="medium" />

### <i class='ai ai-gatsby'></i> Gatsby Blog Starter Kit

Create high-performance, SEO-friendly websites with Gatsby, a React-based static site generator that pulls content from any data source for quick and efficient delivery at the edge.

To view the complete list of availiable Gatsby templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/gatsby/#available-templates).

<DocButton href="/en/documentation/products/templates/gatsby-blog/" label="Get Started" kind="secondary" size="medium" />

### <i class='ai ai-react'></i> React Boilerplate

Build interactive user interfaces using reusable components with React, one of the most popular JavaScript libraries for dynamic web applications—ideal for quick iteration and UI-centric development at the edge.

To view the complete list of availiable React templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/react/#available-templates).

<DocButton href="/en/documentation/products/templates/react-boilerplate/" label="Get Started" kind="secondary" size="medium" />


### <i class='ai ai-nextjs'></i> Next.js Static Boilerplate

Leverage Next.js for server-side rendering, static site generation, and powerful routing built on React, enabling the creation of fast, scalable web apps optimized for edge deployment.

To view the complete list of availiable Next.js templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/#available-templates).

<DocButton href="/en/documentation/products/templates/nextjs-static-boilerplate/" label="Get Started" kind="secondary" size="medium" />

### <i class='ai ai-vue'></i> Vue.js Boilerplate

Develop responsive and maintainable web interfaces with Vue.js, a progressive JavaScript framework known for its simplicity, flexibility, and ease of integration—perfect for modern, scalable apps at the edge.

<DocButton
    label="Deploy"
    href="https://console.azion.com/create/vue/vue-boilerplate"
    icon="ai ai-azion"
    kind="secondary"
    size="medium"
/>

### <i class='ai ai-angular'></i> Angular Boilerplate

Create enterprise-grade, feature-rich web applications with Angular, a comprehensive framework that uses TypeScript for robust structure, advanced tooling, and efficient deployment to edge infrastructure.

To view the complete list of availiable Angular templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/angular/#available-templates).

<DocButton href="/en/documentation/products/templates/angular-boilerplate/" label="Get Started" kind="secondary" size="medium" />
### More frameworks 

We are continously expanding our framework support. Click below to see the full list.

<DocButton href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="View details" kind="secondary" size="medium" />

## Need to deploy an existing project?

### Importing from GitHub

You can use the Azion Console to quickly deploy a GitHub project compatible with our availiable frameworks.

1. In [Console](https://console.azion.com) click the **\+ Create** button.
2. Select Import from Github.
3. Connect your GitHub Account.
4. Select your repository.
5. Choose an application name and Framework Preset.
6. Input the install command (typically `npm install`).

### Local project deploy with Azion CLI

You can use the Azion CLI to deploy a project compatible with our [availiable frameworks](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/).

:::tip
Visit our [CLI guide](/en/documentation/products/azion-cli/overview/#installing-azion-cli) for detailed installation instructions.
:::

1. Inside your existing project folder, use the command below to link your project to an application:

```shell
azion link
```

2. You'll be prompted to choose a preset, which will be used to setup your project configurations.

3. The CLI will guide you through the rest of the process. In less than five minutes, your application can be up and running on the Azion Web Platform.

## Get to know our Developer tools

### Azion Console


Console is Azion's configuration interface where you can access all the available products and their settings. It enables you to complete all tasks in Azion's platform, such as creating Applications, configuring Functions, managing Firewall rules, setting up Cache, and monitoring real-time metrics and events.


<DocButton href="/en/documentation/products/guides/how-to-access-azion-console/" label="View details" kind="secondary" size="medium" />

### Azion API

The Azion API is a RESTful API based on HTTPS requests that allows users to fully interact with Azion products through API requests.

<DocButton href="https://api.azion.com/?_gl=1*kkolsv*_gcl_au*OTAxOTIzMjQ2LjE3NDc3NDYzNTkuMTk3ODMzMTk3LjE3NDg0NTUzNTYuMTc0ODQ1NjI4OQ.." label="View details" kind="secondary" size="medium" />

### Azion CLI

Azion CLI is our [open source](https://github.com/aziontech/azion) command-line interface that allows you to interact with the Azion Web Platform via terminal. With it, you can initialize, build, and deploy applications, create Jamstack apps, manage your projects, run a local development server, and link existing projects to Azion applications.

<DocButton href="/en/documentation/products/azion-cli/overview/" label="View details" kind="secondary" size="medium" />

### Azion Lib

Azion Lib are JavaScript/TypeScript tools designed to work inside the [Azion Runtime](https://www.azion.com/en/documentation/runtime/overview/), leveraging internal features for enhanced performance. They also function outside the runtime, accessing Azion services such as Purge, Object Storage, and Image Processor via REST APIs. The libraries support debug mode and environment variable configuration.

<DocButton href="/en/documentation/products/azion-lib/overview/" label="View details" kind="secondary" size="medium" />

### Console Kit

Azion Console Kit is a front-end kit for building your own Azion Console interfaces using Vue/Vite, Tailwind, and PrimeVue. It connects to the Azion API, supports multi-tenancy, and lets you customize themes and UI for your business needs. The kit features a clean, organized structure for maintainable code.

<DocButton href="/en/documentation/devtools/console-kit/" label="View details" kind="secondary" size="medium" />

### GraphQL API

GraphQL is a powerful API language that allows precise data retrieval, avoiding overfetching and enhancing performance. Unlike traditional REST APIs, it uses a single endpoint and delivers tailored JSON responses. At Azion, GraphQL is ideal for accessing real-time metrics, events, billing, and accounting data, enabling efficient monitoring and analysis.

<DocButton href="/en/documentation/devtools/graphql-api/" label="View details" kind="secondary" size="medium" />

### SDK

The Azion SDK for Go simplifies developing applications that integrate with Azion's platform. It enables efficient management of Applications, interaction with Object Storage, advanced queries with SQL Database, task automation, and building serverless solutions, streamlining workflows and enhancing productivity for edge computing projects.

<DocButton href="/en/documentation/devtools/sdk/go/" label="View details" kind="secondary" size="medium" />

### Terraform

Terraform is an infrastructure as code tool that enables efficient infrastructure management through reusable, versioned, and shareable code. The Azion Terraform Provider, available in the Terraform Registry, leverages the Azion SDK for Go to interact with Azion APIs, allowing you to manage your Azion-hosted infrastructure locally as code, ensuring a consistent and streamlined workflow.

<DocButton href="/en/documentation/products/terraform-provider/" label="View details" kind="secondary" size="medium" />


## Find the solution that fits you better

### <i class='pi pi-code'></i> Application Development

Build scalable, low-latency apps with edge computing and serverless functions.

<DocButton href="/en/documentation/architectures/by-solution/application-development/" label="View details" kind="secondary" size="medium" />

### <i class='pi pi-server'></i> Application and Infrastructure Automation

Automate operations to optimize application performance and simplify infrastructure management.

<DocButton href="/en/documentation/architectures/by-solution/application-and-infrastructure-automation/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-edge-firewall'></i> Application and Network Security

Protect applications and networks from threats with edge-native security and observability tools.

<DocButton href="/en/documentation/architectures/by-solution/application-and-network-security/" label="View details" kind="secondary" size="medium" />

### <i class='pi pi-bolt'></i> Artificial Intelligence (AI)

Deploy AI at the edge for real-time insights, fast responses, and personalized experiences.

<DocButton href="/en/documentation/architectures/by-solution/artificial-intelligence/" label="View details" kind="secondary" size="medium" />

### <i class='pi pi-chart-line'></i> Service Performance and Reliability

Enhance application performance, reduce latency, and ensure reliable service delivery at the edge.

<DocButton href="/en/documentation/architectures/by-solution/service-performance-and-reliability/" label="View details" kind="secondary" size="medium" />

### Find more

View all architectures for use cases.

<DocButton href="/en/documentation/architectures/" label="View details" kind="secondary" size="medium" />

## Choose your journey

### <i class='ai ai-azion'></i> Azion platform overview

Get to know the Azion Web Platform and how to use it.

<DocButton href="/en/documentation/products/azion-platform-overview/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-build-pillar'></i> Build

Create with powerful tools and frameworks.

<DocButton href="/en/documentation/products/guides/build/overview/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-store-pillar'></i> Store

Manage and proccess data at the edge.

<DocButton href="/en/documentation/products/store/overview/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-secure-pillar'></i> Secure

Fully protect your applications.

<DocButton href="/en/documentation/products/secure/overview/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-deploy-pillar'></i> Deploy

Manage edge resources efficiently.

<DocButton href="/en/documentation/products/deploy/overview/" label="View details" kind="secondary" size="medium" />

### <i class='ai ai-observe-pillar'></i> Observe

Monitor and gain analytics in real-time.

<DocButton href="/en/documentation/products/observe/overview/" label="View details" kind="secondary" size="medium" />

## What's new?

### <i class='pi pi-megaphone'></i> Release notes

Stay updated on the latest changes and releases in Azion products and services.

<DocButton href="/en/documentation/products/release-notes/" label="View details" kind="secondary" size="medium" />

### <i class='pi pi-discord'></i> Join the Community

Share your experiences with the Azion community on Discord.

<DocButton href="https://discord.com/invite/Yp9N7RMVZy" label="Join" kind="secondary" size="medium" />