DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Deploy your Next JS app to Netlify
Jesus Ramirez
Jesus Ramirez

Posted on

Deploy your Next JS app to Netlify

As you may know, Netlify has something called continuous deployment, which lets you connect a Git repository to a Netlify site so when you make any changes in the repo your site gets updated automatically.

There are two ways to connect your git repo to Netlify: using the command line, or using the app UI. In this quick tutorial, I'm going to use the UI to show you how to deploy a Next JS repo.

Get into Netlify

First, you have to visit https://app.netlify.com/start, after you are logged in you will see something like this:

deploy-1

Select your Git provider and repo

Then after selecting your git provider, and getting the proper authorization, you will be able to select the repo you want. In my case, I had one called "personalblog".

deploy-2

Put in your build commands

In the next page you could select the team, branch or even change the build command if necessary. But in my case, there's was no need, as the npm run build was my default build command and I left the rest as they were.

deploy-3

Update your domain!

And that's it! By default, Netlify will create a random domain for you to access your site but you can always change it in the Site Settings once the deployment is finished. You could also add your own domain to the site you just deployed. For example, I already had my personal site hosted on Netlify, so I only had to add a subdomain from it and Netlify made the verification for it.

deploy-4

If you want to see the final result, go visit my Blog!.

Top comments (0)

🌚 Life is too short to browse without dark mode