Next.js Hybrid Starter

Azure Static Web Apps allows you to easily deploy Next.js apps in minutes. Use this repo with the Azure Static Web Apps Hybrid Next.js tutorial to build and customize a new Next.js site.

Running locally

To run locally, start by installing the Node dependencies.

npm install

Start the development server with the following command:

npm run dev

Next, open http://localhost:3000 in your browser to see the result.

For richer local development experience, refer to Set up local development for Azure Static Web Apps.

How it works

This starter application uses Next.js and React Server Components. By default, all Next.js components are React Server Components, and as such, are handled by Azure Static Web Apps-managed backend functions. Read more about Next.js support for Azure Static Web Apps.

Note: If you use the Azure Static Web Apps CLI, copy the staticwebapp.config.json file to the out folder, and start the CLI from the out folder.