Skip to main content

🌐 How to Point a GoDaddy Subdomain to Your VPS (With Nginx + SSL)

🌐 How to Point a GoDaddy Subdomain to Your VPS (With Nginx + SSL)

Hosting your app on a VPS is a great step toward full control and performance. If you’ve already deployed your app (like a Next.js app) on a VPS and want to connect it to a subdomain like abhinav.rohatech.site, here’s a complete guide to help you get it done.


🔧 Step 1: Add a Subdomain in GoDaddy DNS

  1. Log in to GoDaddy and go to your domain dashboard (e.g., rohatech.site).
  2. Click DNS or "Manage DNS".
  3. Scroll down and click Add under DNS Records.

Add the following A record:

Type Name Value TTL
A abhinav Your VPS IP address 1 Hour

This points abhinav.rohatech.site to your VPS server.


🖥️ Step 2: Configure Nginx on Your VPS

SSH into your VPS server and create a new Nginx configuration file for your subdomain:

nano /etc/nginx/conf.d/abhinav.rohatech.site.conf

Paste the following Nginx configuration:

server {
    listen 80;
    server_name abhinav.rohatech.site;

    location / {
        proxy_pass http://localhost:3000;  # Adjust if your app runs on a different port
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

Then test and reload Nginx:

nginx -t
systemctl restart nginx

🔐 Step 3: Add Free SSL with Let's Encrypt

To secure your subdomain with HTTPS, use Certbot:


dnf install epel-release -y
dnf install certbot python3-certbot-nginx -y
certbot --nginx -d abhinav.rohatech.site

Follow the prompts to install the SSL certificate.

🔁 Optional: Force HTTPS Redirect

If you want to automatically redirect all HTTP traffic to HTTPS, update your Nginx config:

server {
    listen 80;
    server_name abhinav.rohatech.site;
    return 301 https://$host$request_uri;
}

⏳ Step 4: Wait for DNS Propagation

It may take anywhere from 5 minutes to 1 hour for DNS changes to take effect globally. You can check with:


✅ Your Subdomain Is Now Live!

Once the DNS has propagated and Nginx is properly configured, visiting https://abhinav.rohatech.site will show your deployed app from your VPS.


💡 Tips

  • Use pm2 to manage your app process on the server
  • Place environment variables in a .env.production file
  • Use pm2 save and pm2 startup to keep your app running after reboot
  • Secure your server with a firewall (like firewalld or ufw)

Enjoy your powerful, subdomain-powered deployment! 🚀

Comments

Popular posts from this blog

How to Convert a Next.js Website into a PWA and TWA

🚀 Complete Guide: Converting Next.js to PWA & TWA Transform your Next.js website into a Progressive Web App and wrap it as an Android application using Trusted Web Activity. Every step explained in detail! 📋 Table of Contents What is a PWA? What is a TWA? Prerequisites & Setup Step 1: Convert Next.js to PWA Install Dependencies Configure next.config.js Create Web App Manifest Prepare App Icons Update Document Head Build and Test PWA Step 2: Wrap PWA as TWA Create Asset Links File Install Bubblewrap CLI ...

DevOps Best Practices

 # DevOps Best Practices: Your Ultimate Guide to Modern Software Development In today's fast-paced tech world, DevOps isn't just a buzzword – it's a game-changer. Let's dive into the essential practices that can transform your software development process. ![DevOps Lifecycle](https://blogger.googleusercontent.com/img/placeholder.png) ## 🔄 1. Continuous Integration (CI) - The Foundation Think of CI as your code's quality guardian. Every time developers push code, automated tests run to catch issues early. Here's what makes great CI: - Automated builds triggered with every commit - Comprehensive test suites running automatically - Code quality checks integrated into the pipeline - Quick feedback loops to developers **Pro Tip:** Start with simple automated tests and gradually build up your test suite. Remember, it's better to have a few reliable tests than many unreliable ones. ## 🚀 2. Continuous Delivery (CD) - From Code to Customer CD ensures your software ...

Ultimate Guide to Sending Data in React: Axios & Fetch Explained

Ultimate Guide to Sending Data in React using Axios and Fetch Whether you're building a login form, uploading files, or submitting a complex dataset to your backend, understanding how to send data in React is essential. In this comprehensive guide, we'll explore all the major ways to send data using Axios and the native Fetch API , including formats like JSON , form-data , x-www-form-urlencoded , and other advanced techniques. This guide is designed for developers from beginner to advanced levels, providing both theoretical understanding and practical implementation examples. By the end of this tutorial, you'll have a complete understanding of how data flows from React components to backend servers, and you'll know exactly which method to choose for different scenarios. 📌 Why Learn Different Data Formats? Before diving into implementation details, it's crucial to understand why different data formats exist...