Azure
Azure static web apps
Preset: azure-swa
Azure Static Web Apps are designed to be deployed continuously in a GitHub Actions workflow. By default, Nitro will detect this deployment environment and enable the azure preset.
Local preview
Install Azure Functions Core Tools if you want to test locally.
You can invoke a development environment to preview before deploying.
NITRO_PRESET=azure npx nypm@latest build
npx @azure/static-web-apps-cli start .output/public --api-location .output/server
Configuration
Azure Static Web Apps are configured using the staticwebapp.config.json file.
Nitro automatically generates this configuration file whenever the application is built with the azure preset.
Nitro will automatically add the following properties based on the following criteria:
| Property | Criteria | Default |
|---|---|---|
| platform.apiRuntime | Will automatically set to node:16 or node:14 depending on your package configuration. | node:16 |
| navigationFallback.rewrite | Is always /api/server | /api/server |
| routes | All prerendered routes are added. Additionally, if you do not have an index.html file an empty one is created for you for compatibility purposes and also requests to /index.html are redirected to the root directory which is handled by /api/server. | [] |
Custom configuration
You can alter the Nitro generated configuration using azure.config option.
Custom routes will be added and matched first. In the case of a conflict (determined if an object has the same route property), custom routes will override generated ones.
Deploy from CI/CD via GitHub actions
When you link your GitHub repository to Azure Static Web Apps, a workflow file is added to the repository.
When you are asked to select your framework, select custom and provide the following information:
| Input | Value |
|---|---|
| app_location | '/' |
| api_location | '.output/server' |
| output_location | '.output/public' |
If you miss this step, you can always find the build configuration section in your workflow and update the build configuration:
###### Repository/Build Configurations ######
app_location: '/'
api_location: '.output/server'
output_location: '.output/public'
###### End of Repository/Build Configurations ######
That's it! Now Azure Static Web Apps will automatically deploy your Nitro-powered application on push.
If you are using runtimeConfig, you will likely want to configure the corresponding environment variables on Azure.