Add cloudflare to website in this cloudflare blog article we going to see how to add your website into cloudflare DNS server and decrease the load time of your website. Let’s get started.
Create a cloudflare account
First, go to cloudflare.com and sign up. Enter your email, and a password that complies with all the requirements. Then, hit “Create Account”.
After that you’ll be prompted to enter your domain name right away. But first, it’s a good idea to verify your email address. You should have received an email from Cloudflare. Verifying your email id click on “Continue to the dashboard”.
Add your domain name
Click “Add Site”. If you already have a Cloudflare account, go to your dashboard and click the “Add a Site” button. In both cases, you’ll land on this page.
Enter your domain name for example: bloggsters.in without typing http and www only your domain name. Then, hit “Add site”. You now have to select a plan. You can safely Pick the free plan, even for your business.
Should you need more features down the road, you can always upgrade your plan afterward. Select the free plan, then click “Confirm plan”. Now, Cloudflare will scan your domain name for existing DNS records. After a few seconds, it will show all the existing records from your current nameserver.
Depending on how your current nameserver is set up, you might see several records, or no records at all. If the settings are correct, you can keep them. In some case records from the registrar won’t work for website because it located on different hosting server. How to setup DNS
Before we check the records that Cloudflare has found, you may see a notification at the top saying: “Add an MX record for your root domain so that mail can reach @bloggsters.in addresses.”
If you want to know how to set up Cloudflare to point to your email server, check out this article: Gmail MX Records DNS Server to Google Workspace 2021
Change your registrars nameservers
Want to make sure that my registrar uses Cloudflare as my nameserver. To do so, click “Continue”. On the next page, Cloudflare will show you the current nameservers for your domain name.
In my case is Namecheap. That’s because the nameservers of my domain name are currently the ones from my registrar – which is Namecheap. Your settings will be different, but you’ll need to change the nameservers of your domain name to the ones from Cloudflare.
To do so, log in to your registrar and go to your domain name’s DNS settings page. Here, you need to change that setting to “Nameservers”. Then, go back to Cloudflare and copy the first nameserver, then copy it in the first field of your domain name’s DNS setting’s page.
Do the same for the second nameserver. Don’t forget to save your settings. Your registrar is now set up.
Finish quick start quide
Now, go back to Cloudflare and click “Done”, check nameservers. Here, you can choose to start the Quick Start Guide, or finish later. This is pretty quick, so it’s a good idea to do it now.
Click on “Get Started”. By default, Cloudflare will automatically rewrite requests to use HTTPS. Unless you have a very good reason to disable this feature, you probably want to keep this setting enabled. Click “Save”.
Here, “Always Use HTTPS” is disabled by default. If you haven’t already installed your website, it’s a good idea to keep this setting off. If you enable it and your website is not set up properly, you might not be able to access it. Keep it off and click “Save”.
Auto minify, a system that allows making HTML, JS, and CSS files as small as possible, is disabled by default. If you’re currently developing your website, it’s a good idea to keep this setting disabled. Then click “Save”.
Finally, Brotli compression is enabled by Default, which is a good idea. As soon as your website uses HTTPS, the page load times will be reduced with this setting. So keep it on and click “Save”.
Confirms your nameservers are working
Now, Cloudflare is ready to go, but your nameservers settings might not have been propagated yet. You can click “Re-check now” to see the current status. If you don’t see a success message, don’t fear: this is completely normal.
It can take a few hours for your nameservers to propagate. You can check the nameservers of your domain name by using a DNS lookup tool, like the one from DNS Checker.
If your Cloudflare nameservers are propagated, you’ll see them in the NS section. When that’s the case, go back to Cloudflare. You should now see this message, confirming Cloudflare now acts as the nameserver for your domain name.
You can confirm this is working by looking at your domain name registrar, in the right sidebar of the page.
Point your Domain Name To Your Hosting Server
To point to your hosting server. In the top menu, click “DNS”. First, add an A record. Choose A as the type. For the name, enter the @ symbol. This is a shortcut that represents your domain name.
Then enter your I P v 4 address. This is the IP address of your hosting server. Then hit “Save”. Next, you’ll need a CNAME record. Some people will try to visit your site by typing the URL with “www” at the beginning.
To take care of this URL, which is technically a subdomain, choose CNAME as the type. For the name, enter www. For the target, enter the @ symbol. Then hit “Save”.
Once these changes propagate, Cloudflare will now point your domain name to your hosting server. If you enter your domain name in a browser and see a page like this instead of your website, that’s because your hosting server is not set up yet.
Please make sure your hosting server is set up to manage the requests for your domain name. Now, Cloudflare points to your hosting server.
Point Cloudflare to Your Email Server
But it doesn’t point to your email server yet, as stated in the notification at the top. If you try to send an email to any address on your domain name, the email will bounce back.
That’s because there is no MX record telling Cloudflare which server manages your emails. So if you want to know how to set up Cloudflare to point to your email server, check out this article: Gmail MX Records DNS Server to Google Workspace 2021.
Thanks For Reading…
If you found this article useful then don’t forget to share with others also. For more interesting tech articles visit our website: BLOGGSTERS