Vercel is the go-to platform for Next.js, SvelteKit, Astro, and modern frontend frameworks. While Vercel gives you default .vercel.app domains, attaching a custom subdomain like app.devs.surf makes your project stand out and look production-ready.
1. Add Custom Domain in Vercel
- Go to your project dashboard on Vercel.
- Navigate to Settings → Domains.
- In the input box, enter your desired Devs.Surf domain (e.g.
myapp.devs.surf) and click Add. - Vercel will show an "Invalid Configuration" notice with the required DNS targets. Keep this tab open.
2. Configure DNS Records in Devs.Surf
Head to your Devs.Surf Dashboard → Manage DNS. Add the following record:
| Type | Name | Value / Target | TTL |
|---|---|---|---|
| CNAME | @ |
cname.vercel-dns.com |
3600 |
Verification TXT Record (If Prompted)
In some cases, Vercel asks for domain ownership verification before provisioning certificates. If Vercel prompts with a _vercel TXT challenge:
- Type:
TXT - Name:
_vercel - Content:
vc-domain-verify=myapp.devs.surf,YOUR_TOKEN
3. Instant Verification
Because Devs.Surf utilizes cloud Anycast DNS, propagation happens in seconds. Switch back to Vercel and click Refresh. The status will transition from Pending to Valid Configuration with a secure SSL badge.