Evaluate Next.js Compatibility with Azure Static Web Apps | Page Structure

Azure static web apps has leveled up its support for nextjs, and I put it to the test. Despite some hiccups with node issues, nextjs 13 shines on Azure. The deployment process was smooth, but I wish for more build status feedback. Nevertheless, Azure passes with flying colors, supporting all the core features of nextjs Pages architecture. Thumbs up for Azure! πŸ‘

Overview 🌐

I have built an app that tests 12 important features of nextjs. I aim to put Azure static web apps to the test as there has been an update that is supposed to have better support for nextjs. The app is based on a Pages Architecture nextjs app built with nextjs 13. I will be testing nextjs 13 on Azure static web apps as an out-of-the-box deployment.

Utilizing Documentation πŸ“‘

I followed the documentation to deploy the app to the Azure portal. Although I am more familiar with AWS, I did not encounter too many issues when deploying to Azure. However, for this tutorial, I will be straight to testing the nextjs features and functionality in Azure static web apps.

Azure Resource Deployment πŸ’»

I have my deployed resource on Azure static web apps, which is the host check nextjs app that I have on GitHub. The status is currently ready, indicating that my app has been deployed. However, I wish there was more detailed information provided, such as build time and status, to enhance the developer experience.

Testing Features with Cypress πŸ•΅οΈβ€β™‚οΈ

Using Cypress tests, I will point to the deployed URL to evaluate the results. I will run 12 tests to ensure that all the important features of nextjs Pages architecture are supported by Azure static web apps. The initial results indicate that Azure static web apps has excellent support for nextjs 13 based apps with pages architecture, API routes, server-side props, edge runtime, subpath, and organization.

Conclusion πŸŽ‰

The support for nextjs on Azure static web apps is commendable, indicating a strong effort to provide robust support for nextjs and Azure. If you found this video helpful, please leave a like, subscribe for more content, and stay tuned for testing out other hosting providers in the future.

Key Takeaways πŸš€

  • Azure static web apps have great support for nextjs 13 based apps with pages architecture.
  • The platform displays excellent compatibility with essential features of nextjs.


  • If you have any suggestions for other platforms or features to be tested, please feel free to leave them in the comments below.

About the Author

About the Channel:

Share the Post: