Scaling Next.js application with Static Web Apps

Per Kortbek Jørgensen 0 Reputation points
2024-05-30T14:12:06.45+00:00

Can anyone confirm that I have understanding scaling and pricing correct for hosting a Next.js application with Static Web Apps, particularly in regards to API Functions. The documentation states that "Linked APIs using Azure Functions, Azure App Service, Azure Container Apps, or Azure API Management" is an unsupported feature, which means we are using "Managed" instead of "Bring your own." This should mean that the hosting plan is Consumption, that I can see here https://learn.microsoft.com/en-us/azure/azure-functions/functions-scale#overview-of-plans ?

Azure Functions
Azure Functions
An Azure service that provides an event-driven serverless compute platform.
4,498 questions
Azure Static Web Apps
Azure Static Web Apps
An Azure service that provides streamlined full-stack web app development.
811 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Sina Salam 5,551 Reputation points
    2024-05-30T16:24:53.47+00:00

    Hello Per Kortbek Jørgensen,

    Welcome to the Microsoft Q&A and thank you for posting your questions here.

    I understand that you are in need to confirm on whether Managed APIs are the only option (due to Linked APIs being unsupported) and if these Managed APIs are hosted on the Consumption Plan as outlined in Azure Functions documentation.

    Solution

    Yes, you're correct. When you're using Azure Static Web Apps with Next.js, the backend functions are hosted by Azure Static Web Apps with a dedicated App Service plan. This setup enables improved support for Next.js features while retaining Static Web Apps’ existing pricing plans.

    You can read more from the following resources:

    Best 5 Next.js Hosting Providers for 2024 - HostAdvice.

    Additional Resources:

    Training

    Azure Static Web Apps - Training

    Azure Static Web Apps is a modern web app service that offers streamlined full-stack development from source code to global high availability.


    Documentation

    API support in Azure Static Web Apps with Azure Functions

    Learn how to use Azure Functions with Azure Static Web Apps.

    Next.js support on Azure Static Web Apps

    An overview of the support of Next.js on Azure Static Web Apps

    Azure Static Web Apps hosting plans

    Compare and contrast the different Azure Static Web Apps hosting plans.

    Accept Answer

    I hope this is helpful! Do not hesitate to let me know if you have any other questions.

    ** Please don't forget to close up the thread here by upvoting and accept it as an answer if it is helpful ** so that others in the community facing similar issues can easily find the solution.

    Best Regards,

    Sina Salam

    0 comments No comments