This post covers the main notes for deploying to Vercel and domain setup.
- Next.js app bootstrapped
Add a new project, import the Git repository, choose Next.js as the framework preset, set up environment variables, and trigger the deployment.
The deployed project will be available at
The deployment happens every time new changes are pushed to the production branch.
Preview will be available when changes are pushed to a branch other than the production one.
A purchased domain is needed. You can buy it at Namecheap website.
Add a domain at the Project settings → Domains page.
Go to Account → Dashboard → Manage → Advanced DNS page for the purchased domain on the Namecheap website. Create two records
@host to point to Vercel server IP address with the specified value (
wwwhost and specified value (
It might take some time for the changes to apply.
Here is the link to the boilerplate I use for the development.