React Templates & Themes Logo React Templates & Themes
DNS.Surf screenshot

DNS.Surf

Author Avatar Theme by Ccbikai
Updated: 13 Apr 2025
361 Stars

Querying DNS Resolution Results in Different Regions Worldwide.

Github Live Preview

Categories

Nextjs Tailwind

Overview:

DNS.Surf is a service that allows users to query DNS resolution results in different regions worldwide using Vercel and Cloudflare platforms. By utilizing global DNS records and DoH (DNS over HTTPS) technology, users can obtain DNS resolution results from various countries and cities.

Features:

  • Global DNS Resolution: Obtain DNS resolution results from multiple countries and regions.
  • Deployment Options: Supports deployment on both Vercel and Cloudflare platforms.
  • Easy Configuration: Simple steps to deploy and configure DNS resolution for the desired regions.
  • Cross-Origin Verification: Customize CORS_ORIGIN variable for cross-origin verification.
  • Cloudflare API Integration: Modify variables like WORKER_HOST, CLOUDFLARE_ZONE_ID, and CLOUDFLARE_API_TOKEN for configuring DNS resolution.

Installation:

Deploy to Vercel:

  1. Fork the project to your GitHub repository.
  2. Create a new project on Vercel.
  3. Select the DNS.Surf project and specify the Next.js framework.
  4. Save and deploy the project.
  5. Optionally, bind a domain for the deployment.

Deploy to Cloudflare:

  1. Fork the project to your GitHub repository.
  2. Create a Worker locally using npm run deploy -- --var "CORS_ORIGIN:dns.surf" "WORKER_HOST:dns.html.zone".
  3. Link the Worker to GitHub in Cloudflare Dashboard.
  4. Configure the build script using npm run deploy -- --var "CORS_ORIGIN:dns.surf" "WORKER_HOST:dns.html.zone".
  5. Configure DNS resolution by modifying the ENV file locally.
    • Change WORKER_HOST to the access domain of the Worker.
    • Update CLOUDFLARE_ZONE_ID with the ZONE ID of the domain.
    • Set CLOUDFLARE_API_TOKEN to the Cloudflare API Token with necessary permissions.
  6. Use npm run cf-dns to configure DNS resolution.
  7. Create a new Pages project on Cloudflare, select the DNS.Surf project, and specify Next.js(static) framework.
  8. Set environment variables and deploy the project.
  9. Optionally, bind a domain for the deployment.

Summary:

DNS.Surf is a powerful tool for querying DNS resolution results globally using Vercel and Cloudflare platforms. With support for deployment in multiple regions and easy configuration steps, users can efficiently obtain DNS resolution results from various countries and cities. The clear instructions for deployment and configuration make it user-friendly for developers seeking global DNS resolution capabilities.