Build Phases

Phase 7 — Domain Configuration

Point your domain to Vercel or Cloudflare Pages.

Hostinger — Create the cms Subdomain

  1. hPanel → Domains → Subdomains → create cms.yourdomain.com
  2. WordPress → Settings → General:
    • WordPress Address: https://cms.yourdomain.com
    • Site Address: https://yourdomain.com
!

Change both WordPress Address and Site Address at the same time. If you only change one, you can lock yourself out of wp-admin entirely.

Vercel — Add Custom Domain

  1. Vercel project → Settings → Domains → Add Domain
  2. Enter yourdomain.com
  3. Add the DNS records Vercel shows you in your Hostinger DNS settings
Record TypeNameValue
A@76.76.21.21
CNAMEwwwcname.vercel-dns.com

Cloudflare Pages — Alternative

# Build settings in Cloudflare Pages:
# Framework preset:   None (or Next.js via @cloudflare/next-on-pages)
# Build command:      pnpm build
# Build output:       .next
# Node.js version:    18

# DNS records for Cloudflare Pages:
# CNAME  @    your-project.pages.dev
# CNAME  www  your-project.pages.dev

vercel.json — WordPress Admin Redirect

// vercel.json (in Next.js project root)
{
  "redirects": [
    {
      "source": "/wp-admin",
      "destination": "https://cms.yourdomain.com/wp-admin",
      "permanent": true
    },
    {
      "source": "/wp-login.php",
      "destination": "https://cms.yourdomain.com/wp-login.php",
      "permanent": true
    }
  ]
}
TIP

DNS propagation can take up to 48 hours. Check propagation status at dnschecker.org or run dig yourdomain.com in your terminal.

PreviousPhase 6 — Go HeadlessNextPhase 8 — SEO