homeChatGPT course
 
   

Deploying Next.js apps to Netlify

Published March 7, 2023Last updated May 10, 20252 min read

This post covers the main notes for deploying to Netlify and domain setup.

Prerequisites

  • Next.js app bootstrapped

Deployment

Add a new site, import the Git repository, set up environment variables, and trigger the deployment.

The deployed project will be available at the <PROJECT_NAME>.netlify.app URL.

The deployment happens every time new changes are pushed to the production branch.

Preview will be available for every pull request commit.

DNS setup

A purchased domain is needed. You can buy it at Namecheap website.

Add a domain at the Site settings Domain management Domains page.

Go to Account Dashboard Manage Advanced DNS page for the purchased domain on the Namecheap website. Create two records

  • A record with @ host to point to Netlify server IP address with the specified value (75.2.60.5)
  • CNAME record with www host to point to Netlify load balancer with the specified value (apex-loadbalancer.netlify.com)

It might take some time for the changes to apply.

Get More Sales

Get more sales with ChatGPT without posting content every day or paying for ads - Start Now