Scaling Next.js application with Static Web Apps

Question

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 ?

Answer 1

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