Deploying Next.js on Northflank

Next.js is an open-source development platform which enables React based web application functionalities like server-side rendering and generating static websites. It is built on top of Node.js.

This guide will show you how to deploy a Next.js application on Northflank.

As source of your deployment, you have two options: either using a Next.js project you have created and have in version control or the template we provide.

1. Connect your Git provider to your Northflank account. You can find more details on how to do so here.

2. Once your Git provider is connected, create a new combined service. Under Repository, you will see a list of your repositories from which you can choose your Next.js project repo. Select the branch you would like to deploy initially, this can always be changed later.

   • A combined service handles build and deployment of your code.

3. Under Build Options, if you have a Dockerfile configured for your project you can choose Dockerfile or if this is not the case, you can choose Buildpack.

4. Access the deployment via the unique code.run service URL or finish up by linking a custom domain.

Using a combined service is the simplest way to deploy a Next.js application, but one build and one deployment service can also be used.

This deployment method will use the public repository we have created as a template of Next.js and is the fastest way to get a Next.js project bootstrapped and deployed.

1. Create a new service and select the option to pick from one of our existing templates. Select the Next.js template.

2. Once the template is selected, you can choose a service name and select the VCS where a new repository will be created with the template.

3. Access the deployment via the unique code.run service URL or finish up by linking a custom domain. You will see the Next.js welcome page and the application is ready for you to build great things on top of it!