Cannot deploy nextjs ssr webapp using Azure Static Web Apps

ChokSheak Lau 0

I have a nextjs app in my github repo, which has a webapp under the "/web" directory relative to the repo root. When I try to deploy in Azure Static Web Apps, the build will all succeed, but the deployment will always timeout after about 9-10 minutes after the "Finished Upload. Polling on deployment." step. Just wondering whether anyone knows what the issue here could be as this is a blocker for us using Azure. Thanks in advance.

1 answer

ajkuma 26,041 Microsoft Employee

ChokSheak Lau, Based on the scenario description, I understand that you are receiving timeout issue during the deployment of your Next.js SSR of Static WebApp.

Are you referring to any Azure docs for the steps? How exactly are you provisioning the deployment?

To narrow the issue, you may try the following steps (If you haven't done already so):

-On a similar discussion thread that I'd handled , you may update build command.

"build": "next build && cp -r .next/static .next/standalone/static/ && cp -r public .next/standalone/"

-The maximum app size for the hybrid Next.js application is 250 MB. Use standalone feature by Next.js for optimized app sizes. If this is not sufficient, consider using Static HTML exported Next.js if your app size requirement is more than 250 MB.*

-The hybrid Next.js websites on Azure Static Web Apps is in preview, kindly have a look at the :Unsupported features in preview -Some features are not supported, so please double check that your configuration does not rely on unsupported features like navigation fallback or certain properties in staticwebapp.config.json.

Kindly let us know how it goes, I'll follow-up with you further.

ajkuma 26,041 Reputation points Microsoft Employee

2024-10-01T03:53:10.96+00:00

ChokSheak Lau, Just checking in to see if you had got a chance to see the previous response. Please let us know the status of the issue. If the issue persists, provide requested/more info to help you better.
ChokSheak Lau 0 Reputation points

2024-10-01T04:22:19.6966667+00:00

I tried moving the entire "/web" folder to the root dir after build, also followed the steps you linked above, but in the end still failing with the exact same error. Can I try to email you the files?

ChokSheak Lau 0

yaml

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false

      - uses: actions/setup-node@v4
        with:
          node-version: 20.17.0

        # Specify pnpm version
      - run: npm i -g [email protected]
        shell: bash
        working-directory: web

      - run: pnpm ig
        shell: bash
        working-directory: web

      - run: pnpm build-azure
        shell: bash
        working-directory: web

        # Critical bug fix: prevent Azure Static Web Apps from complaining about size limit exceeded.
      - run: rm -rf node_modules .next/cache
        shell: bash
        working-directory: web

        # Put output directory in repo root.
      - run: mv $(ls -A) ..
        shell: bash
        working-directory: web

      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_PURPLE_MEADOW_0B0281210 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
          action: "upload"
          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
          skip_app_build: true
          skip_api_build: true
          app_location: "" # App source code path
          api_location: "" # Api source code path - optional
          output_location: "" # Built app content directory - optional
          ###### End of Repository/Build Configurations ######
          build_timeout_in_minutes: 60
        env:
          DATABASE_URL: ${{ secrets.DATABASE_URL }}

  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_PURPLE_MEADOW_0B0281210 }}
          action: "close"

ChokSheak Lau 0 Reputation points

2024-10-01T04:29:43.51+00:00

"build-azure": "next build && cp -r .next/static .next/standalone/static/ && cp -r public .next/standalone/",
ajkuma 26,041 Reputation points Microsoft Employee

2024-10-01T05:22:11.68+00:00
Thanks for the follow-up and sharing additional info.

Just to clarify, are you integrating Static Webapp with Azure Functions?
What is the error from GitHub Action? Kindly remove the below properties

skip_app_build:true skip_api_build:true

With the above fields, the build will not run.

If you are using API integration with Static Webapp, please update the following in their .yml file

app_location:"/" api_location:"api" output_location:""

I' have also followed-up with you privately to get additional resource details for a closer investigation.

Share via

Cannot deploy nextjs ssr webapp using Azure Static Web Apps

1 answer

Your answer