Building An Next.js App With Azure Static Web Apps Service

A Complete example with NodeJS Azure Functions API

Bhargav Bachina
Bachina Labs

--

Azure Static Web Apps

Nowadays there are so many ways to build and deploy Next.js apps such as Next.js with Java, Next.js with Nodejs, serverless, etc. Building with Azure Static Web apps service is one of them and Microsoft Azure recently released it and it’s in the preview mode. With this service, you can develop modern apps fast with global reach and scale.

You can accelerate your app development with a static front end and dynamic back end powered by serverless APIs. Experience high productivity with tailored local development experience, GitHub native workflows to build and deploy your app, and unified hosting and management in the cloud.

In this post, We will see how we can develop a Next.js app with this service with an example frontend and backend NodeJS API calls.

  • Benefits of Azure Static Web Apps
  • With Other Frameworks
  • Prerequisites
  • Example Project
  • Create a GitHub Project
  • Configure an Azure Static Webapp In Azure
  • Folder Structure and Configuration
  • NEXT.js Development
  • Azure Functions Development

--

--