DEV Community: nikhil mahato

Connecting a Custom Domain to Vercel

nikhil mahato — Mon, 21 Jul 2025 17:05:42 +0000

Connecting a Custom Domain to Vercel

If you’re using Vercel to deploy your projects, connecting a custom domain is straightforward and only takes a few steps. Here’s a quick guide to get your domain up and running with your Vercel-hosted application.

Step 1: Add Your Project to Vercel

Deploy your app to Vercel (e.g., using vercel CLI or GitHub integration).
Open your project dashboard on Vercel.

Step 2: Add Your Custom Domain

Go to Project Settings → Domains.
Click “Add” and enter your custom domain (e.g., yourdomain.com).
Vercel will check if the domain is already configured. If not, it will guide you to add DNS records.

Step 3: Configure DNS Records

You need to update your domain registrar's DNS settings.

Vercel typically requires:

A Record: Points @ (root domain) to Vercel’s IP:

  76.76.21.21

CNAME Record: Points www to cname.vercel-dns.com.

If you’re using a subdomain (e.g., blog.yourdomain.com), add a CNAME for that subdomain pointing to cname.vercel-dns.com.

Step 4: Verify the Domain

After updating DNS records, return to your Vercel dashboard.
Click Verify on the domain you added.
DNS propagation might take a few minutes (or up to 24 hours).

Step 5: Set as Primary Domain

Once verified, set the domain (e.g., yourdomain.com) as the primary domain in the Vercel dashboard.
Optionally, redirect www to your main domain (Vercel provides a toggle for this).

Step 6: Enable HTTPS

Vercel automatically provisions SSL/TLS certificates (via Let’s Encrypt) for your domain.
Within a few minutes, your site will be accessible via https://yourdomain.com.

Pro Tips

Subdomains: You can add multiple subdomains in the same way (e.g., api.yourdomain.com).
Custom DNS: If your DNS is not managed by your domain provider, you can use Vercel’s built-in Vercel DNS for simplicity.
Instant Preview Links: Keep using Vercel’s preview URLs (.vercel.app) while working on staging versions.

Conclusion:

That’s it! You’ve successfully connected your custom domain to your Vercel project. Now your application is live at your own branded domain.

Push to multiple GitHub accounts!

nikhil mahato — Sat, 28 Dec 2024 05:50:39 +0000

Generate SSH Key

For each account, generate a separate SSH key:

ssh-keygen -t ed25519 -C "your-email-for-first-account" -f ~/.ssh/id_ed25519_first
ssh-keygen -t ed25519 -C "your-email-for-second-account" -f ~/.ssh/id_ed25519_second

-t ed25519: Specifies the type of key (ed25519).
-C "your-email-for-first-account": Adds a comment for identification.
-f ~/.ssh/id_ed25519_first: Specifies the file name for the private key (~/.ssh/id_ed25519_first) and the public key will automatically be named ~/.ssh/id_ed25519_first.pub.

Add SSH Keys to the Agent

eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_ed25519_first
ssh-add ~/.ssh/id_ed25519_second

List Existing SSH Keys

Run the following command to list your SSH keys:

ls ~/.ssh

You should see files like id_ed25519, id_ed25519.pub, id_ed25519_first, id_ed25519_second, or similar. The .pub files are the public keys.

Add the Public Keys to GitHub

Copy each public key to GitHub:

cat ~/.ssh/id_ed25519_first.pub
cat ~/.ssh/id_ed25519_second.pub

Add these keys to the respective GitHub accounts under Settings > SSH and GPG keys.

Configure `~/.ssh/config`

Create or edit the ~/.ssh/config file to define host aliases:

nano ~/.ssh/config

Add the following lines:

Host github-first
    HostName github.com
    User git
    IdentityFile ~/.ssh/id_ed25519_first

Host github-second
    HostName github.com
    User git
    IdentityFile ~/.ssh/id_ed25519_second

Save the file.

Test SSH Keys

Use the following command to test your SSH keys with GitHub.
For the first account:

ssh -T git@github-first

You should see a message like:

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

Check for the second account too!
If you encounter any issues, ensure:

The correct SSH keys are added to the agent.
The ~/.ssh/config file is correctly set up.

Clone Repositories

Use the alias for the desired account:

git clone git@github-first:username/repository.git
git clone git@github-second:username/repository.git

Update an Existing Repository's Remote

If you're switching remotes:

git remote set-url origin git@github-first:username/repository.git
git remote set-url origin git@github-second:username/repository.git

Push Code from VS Code(or any code editor)

1. Open the repository folder in VS Code.

2. Ensure the correct remote is set:

git remote -v

3. Commit and push code:

git add .
git commit -m "Your commit message"
git push origin main

next js app on cPanel

nikhil mahato — Sat, 10 Aug 2024 17:12:26 +0000

const nextConfig = {
    output:'export',

};

npm run build

This command will create a production build of your project in the out directory.

Finally, deploy your project:

Open your hosting provider’s control panel.

Navigate to the File Manager.
Go to the public folder.
Upload the contents of the out directory to the public folder.

And that's it! Your Next.js project is now live.

DEV Community: nikhil mahato

Connecting a Custom Domain to Vercel

Connecting a Custom Domain to Vercel

Step 1: Add Your Project to Vercel

Step 2: Add Your Custom Domain

Step 3: Configure DNS Records

Step 4: Verify the Domain

Step 5: Set as Primary Domain

Step 6: Enable HTTPS

Pro Tips

Push to multiple GitHub accounts!

Generate SSH Key

Add SSH Keys to the Agent

List Existing SSH Keys

Add the Public Keys to GitHub

Configure ~/.ssh/config

Test SSH Keys

Clone Repositories

Update an Existing Repository's Remote

Push Code from VS Code(or any code editor)

next js app on cPanel

Configure `~/.ssh/config`