How do I handle custom domains with Cloudflare and a Next.js application running in WSL?

Question

Grade: Education Subject: Support
How do I handle custom domains with Cloudflare and a Next.js application running in WSL?
Asked by:
88 Viewed 88 Answers

Answer (88)

Best Answer
(731)
To use a custom domain with your Next.js app in WSL and Cloudflare, you need to add your domain to Cloudflare and update your domain's DNS records to point to Cloudflare's nameservers. Within Cloudflare, create DNS records (A and/or CNAME) pointing to the public IP address (or hostname) of your WSL instance. Configure Cloudflare's Page Rules to handle requests for your Next.js application. You might need to set up a CNAME record for `www` to redirect to the root domain. Also, ensure that your Next.js application is configured to correctly handle custom domains, including setting the `hostname` in your `next.config.js` file. You should also configure SSL/TLS encryption in Cloudflare to secure traffic to your application.