Claim, Configure, Ship

Steps

1. In Vercel, open your project → Settings → Domains → add your-domain.devs.surf.
2. Vercel shows required records. Keep this tab open.
3. In Devs.Surf DNS, add:
   • CNAME @ → cname.vercel-dns.com
   • CNAME www → cname.vercel-dns.com
4. Save and wait ~30 seconds. Hit Verify in Vercel.

Tips

• Need apex A records? Use Vercel’s 76.76.21.21 as a fallback, but CNAME flattening is preferred.
• Keep SSL set to “Full” for auto TLS issuance.
• Re-verify after pushing new branches to ensure preview domains stay active.

Steps

1. Within Netlify site settings → Domain Management → add custom domain.
2. Choose your-domain.devs.surf and confirm.
3. In Devs.Surf DNS add:
   • CNAME @ → your-site.netlify.app
   • CNAME www → your-site.netlify.app
4. Back in Netlify press Verify DNS Configuration and enable HTTPS.

Tips

• Netlify auto issues Let’s Encrypt once DNS settles (usually < 60s on Devs.Surf).
• For sub-path apps, add redirects via _redirects to keep trailing slashes consistent.
• Use Netlify’s deploy previews with wildcard domains by adding *.preview CNAMEs.

DNS Records

• A @ → 203.0.113.42 (replace with your server)
• AAAA (optional) @ → IPv6 address
• CNAME www → @

Nginx snippet

server {
    server_name yourname.devs.surf www.yourname.devs.surf;

    root /var/www/yourapp/current;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

Pair with Certbot or Caddy for TLS. Remember to reload Nginx after updating configs.

Use this template

1. Add the domain inside your provider (Lovable, Cloudflare Pages, Render, Fly, etc.).
2. Copy the suggested DNS values (usually a CNAME for apex + www, or an A record).
3. Enter the same records inside Devs.Surf DNS:

• CNAME @ or www → provider hostname.
• A/AAAA → provider IPs if they require direct records.

Verification tips

• Keep TTL at 60s for fast propagation while testing.
• If the provider requests a TXT verification record, add it exactly as shown.
• After DNS is saved, click “Verify” or “Check DNS” in the provider dashboard.
• Once validated, enable HTTPS or automatic certificates inside that platform.