Skip to content

Commit 3550c7d

Browse files
egermanogioboa
andauthored
Docs: Azion Platform Deployment (#7674)
* doc: add Azion deployment pages * docs: first draft for azion deployment * fix(docs): correct typos and improve clarity in Azion deployment guide * fix(docs): correct typos and spelling * feat: add azion icon --------- Co-authored-by: Giorgio Boa <[email protected]>
1 parent b76adc2 commit 3550c7d

File tree

4 files changed

+129
-0
lines changed

4 files changed

+129
-0
lines changed
Lines changed: 3 additions & 0 deletions
Loading

packages/docs/src/routes/(ecosystem)/ecosystem.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,11 @@
121121
"title": "Vercel",
122122
"href": "/docs/deployments/vercel-edge/",
123123
"imgSrc": "/ecosystem/vercel.svg"
124+
},
125+
{
126+
"title": "Azion",
127+
"href": "/docs/deployments/azion/",
128+
"imgSrc": "/ecosystem/azion.svg"
124129
}
125130
],
126131
"libraries": [
Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
---
2+
title: Azion Web Platform | Deployments
3+
contributors:
4+
- egermano
5+
updated_at: '2025-06-17T11:37:18Z'
6+
created_at: '2025-06-17T11:37:18Z'
7+
---
8+
9+
import PackageManagerTabs from '~/components/package-manager-tabs/index.tsx';
10+
11+
# Azion Web Platform
12+
13+
[Azion](https://azion.com) is a web platform that allows you to deploy your Qwik applications globally. It provides a fast and secure way to serve your applications with low latency.
14+
15+
## Installation
16+
17+
Currently, Azion only supports SSG Qwik applications. To deploy your Qwik application to Azion, you need to use the `static-site` adapter.
18+
19+
To integrate the `static-site` adapter, use the `add` command:
20+
21+
<PackageManagerTabs>
22+
<span q:slot="pnpm">
23+
```shell
24+
pnpm run qwik add static
25+
```
26+
</span>
27+
<span q:slot="npm">
28+
```shell
29+
npm run qwik add static
30+
```
31+
</span>
32+
<span q:slot="yarn">
33+
```shell
34+
yarn run qwik add static
35+
```
36+
</span>
37+
<span q:slot="bun">
38+
```shell
39+
bun run qwik add static
40+
```
41+
</span>
42+
</PackageManagerTabs>
43+
44+
Above command will create a directory at project root named `adapters/static/vite.config.ts` with the below code.
45+
46+
```ts title="adapters/static/vite.config.ts"
47+
import { staticAdapter } from "@builder.io/qwik-city/adapters/static/vite";
48+
import { extendConfig } from '@builder.io/qwik-city/vite';
49+
import baseConfig from '../../vite.config';
50+
51+
export default extendConfig(baseConfig, () => {
52+
return {
53+
build: {
54+
ssr: true,
55+
rollupOptions: {
56+
input: ['@qwik-city-plan'],
57+
},
58+
},
59+
plugins: [
60+
staticAdapter({
61+
origin: 'https://yoursite.qwik.dev',
62+
}),
63+
],
64+
};
65+
});
66+
```
67+
68+
> Remember to change the `origin` in this file to your domain.
69+
70+
Now, you can generate static site while using `Qwik`'s rich ecosystem, file based routing and many more.
71+
72+
## Deploy to Azion
73+
74+
To deploy your Qwik application to Azion, you need to install the Azion CLI. You can install it by following this [guide](https://www.azion.com/en/documentation/products/azion-cli/overview/#installing-azion-cli).
75+
76+
Once you have the Azion CLI installed, you can deploy your application by following these steps:
77+
78+
1. Link your application. This will create a new project in Azion and link it to your local application.
79+
80+
```shell
81+
azion link
82+
```
83+
84+
Confirm the linking of the project to Azion:
85+
86+
```shell
87+
? Do you want to link /[your-application-folder] to Azion? (y/N)
88+
```
89+
90+
Enter the desired name for your **application**:
91+
92+
```shell
93+
? (Hit enter to accept the suggested name in parenthesis) Your application's name: (nimble-tyrion)
94+
```
95+
96+
Choose a **preset**, `Qwik` is the option you are looking for:
97+
98+
```shell
99+
? Choose a preset: [Use arrows to move, type to filter]
100+
...
101+
> Qwik
102+
...
103+
```
104+
105+
Now, the application will be linked to Azion. Different processes occur based on the selected preset, so you need to answer the interactions that are presented.
106+
107+
2. Deploy your application. This will build your application and deploy it to Azion.
108+
109+
```shell
110+
azion deploy
111+
```
112+
113+
3. Wait while the project is built and deployed to the Azion Web Platform.
114+
115+
> Once the deployment is triggered, Azion will open the browser and take you to a page on the Azion Console where the deployment logs and process can be monitored. If it doesn't open automatically, just click on the provided link.
116+
After the deployment is complete, you'll receive a domain to access your Qwik project on the Azion Platform.
117+
118+
Wait a few minutes for propagation to take place, and then access your application using the provided domain, which should be similar to `https://xxxxxxx.map.azionedge.net`.
119+
120+
For more information about the Azion Platform, check the [Azion documentation](https://www.azion.com/en/documentation/).

packages/docs/src/routes/docs/menu.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,7 @@
100100
- [Node](deployments/node/index.mdx)
101101
- [Vercel Edge](deployments/vercel-edge/index.mdx)
102102
- [Static Site](deployments/static/index.mdx)
103+
- [Azion](deployments/azion/index.mdx)
103104

104105
## Guides
105106

0 commit comments

Comments
 (0)