1 Create the Cloudflare Worker

First, create the Worker that will act as a bridge between your custom domain and your generated subdomain.

1. Log in to your Cloudflare dashboard and click on Workers & Pages in the left sidebar.
2. Click the Create application button, then select Create Worker.
3. Give your Worker a recognizable name (e.g., my-website-proxy) and click Deploy.
4. Once deployed, click Edit code to open the editor.

2 Configure the Worker Code

Replace the default code in the editor with the script below to correctly route traffic to your subdomain.

export default {
  async fetch(request) {
    let url = new URL(request.url);

    // Replace this with your actual generated subdomain
    const targetSubdomain = "yourname.godrive.my.id";

    url.hostname = targetSubdomain;

    // Fetch the content from your subdomain
    let response = await fetch(url.toString(), {
      method: request.method,
      headers: request.headers,
      body: request.method !== "GET" && request.method !== "HEAD" ? request.body : undefined,
    });

    return response;
  }
}

3 Connect Your Custom Domain

Cloudflare makes it incredibly easy to attach your domain directly to the Worker without messing with complex DNS records manually.

1. Go back to your Worker's dashboard.
2. Click on the Settings tab, then select Triggers.
3. Scroll down to the Custom Domains section and click Add Custom Domain.
4. Enter the domain you want to use (e.g., yourdomain.com or www.yourdomain.com) and click Add Custom Domain.
5. Cloudflare will automatically create the necessary DNS records and manage the SSL certificate for you!

4 You're All Set! 🎉

That's it! It may take a few minutes for the new DNS records and SSL certificates to activate globally. Once ready, visiting your custom domain will seamlessly display your generated website.