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 withwww
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.
Boilerplate
Here is the link to the boilerplate I use for the development.
Top comments (0)