Nuxt3 static

[SveinnB]

Is it possible to deploy Nuxt3 as static with yarn generate to Azure Static Web Apps?

I have the following yml

- name: Build And Deploy
  id: build-and-deploy
  uses: Azure/static-web-apps-deploy@v1
  with:
    action: "upload"
    app_location: "/portal" # App source code path
    output_location: "dist" # Built app content directory - optional
    app_build_command: "yarn generate"
    skip_api_build: true

I get the following error
Failed to find a default file in the app artifacts folder (dist). Valid default files: index.html,Index.html.

Nuxt3 generates 200.html but no index.html and I think this is not configurable in nuxt.
Is there any way to get Azure to support 200.html as default file?

I can deploy nuxt3 with yarn build (server, SRR).
But I want to deploy my app as static with yarn generate

[anderaus]

hi @SveinnB, I just set this up for a very simple Nuxt 3 project and it seems to be working well.

The default output location for yarn generate is .output/public, not dist, so unless you're reconfigured it it's probably wrong in your yaml file. This worked well for me:

app_location: "/"
api_location: ""
output_location: ".output/public"
app_build_command: yarn generate

Also, since I wanted to use node > 18 (default for Azure is currently v16) when building, I had to add this to my package.json:

"engines": {
  "node": ">=18.0.0"
}