{"id":16892,"date":"2023-04-17T01:48:54","date_gmt":"2023-04-16T23:48:54","guid":{"rendered":"https:\/\/contabo.com\/blog\/?p=16892"},"modified":"2023-04-17T02:13:04","modified_gmt":"2023-04-17T00:13:04","slug":"how-to-configure-cloudflare","status":"publish","type":"post","link":"https:\/\/contabo.com\/blog\/how-to-configure-cloudflare\/","title":{"rendered":"How to Configure Cloudflare in front of Your Website or Application"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg\" alt=\"How to Configure Cloudflare (head image)\" class=\"wp-image-16893\" width=\"1200\" height=\"630\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg 1200w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare-600x315.jpg 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare-768x403.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Cloudflare is a content delivery network (CDN) that provides a range of services, including DDoS protection, caching, and website optimization. By configuring Cloudflare in front of your website or application, you can take advantage of these services to improve the performance and security of your site. However, setting up Cloudflare can be a daunting task for those who are unfamiliar with the process. In this article, we will provide a step-by-step guide on how to configure Cloudflare in front of your website or application, so you can start enjoying the benefits of this powerful CDN. Whether you&#8217;re a seasoned developer or a beginner, this guide will help you get up and running with Cloudflare in no time.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-create-a-cloudflare-account\"><strong>Create a Cloudflare Account<\/strong><\/h2>\n\n\n\n<p>The first step in configuring Cloudflare for your website or application is to create an account. Go to the <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cloudflare website<\/a> and click on the \u201cSign Up\u201d button. You will be prompted to enter your email address and create a password. Now check your email inbox to verify your email address. Once you have completed this step, you will be directed to the Cloudflare dashboard which looks like this:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"518\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12.png\" alt=\"\" class=\"wp-image-16895\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12.png 1600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-600x194.png 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-768x249.png 768w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-1536x497.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-your-website-to-cloudflare\"><strong>Add Your Website to Cloudflare<\/strong><\/h2>\n\n\n\n<p>The next step is to add your website to Cloudflare. To do this, click on the \u201cAdd Site\u201d button and enter your website URL:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"518\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12.png\" alt=\"\" class=\"wp-image-16898\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12.png 1600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-600x194.png 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-768x249.png 768w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-12-1536x497.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p>Cloudflare will then scan your website to determine its DNS records.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-choose-a-cloudflare-plan\"><strong>Choose a Cloudflare Plan<\/strong><\/h2>\n\n\n\n<p>Cloudflare offers a range of plans, from a free plan to more advanced plans that offer additional features. Choose the plan that best suits your needs and click on the \u201cContinue\u201d button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"832\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-13.png\" alt=\"\" class=\"wp-image-16897\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-13.png 734w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-13-529x600.png 529w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure>\n\n\n\n<p>In this example we will choose the \u201cFree\u201d-Tier.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-update-your-dns-settings\"><strong>Update Your DNS Settings<\/strong><\/h2>\n\n\n\n<p>Once this is done, Cloudflare will display a list of DNS records for your website. If there are already some entries, verify that these records are correct or delete them and then click on the \u201cContinue\u201d button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"740\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-15.png\" alt=\"\" class=\"wp-image-16903\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-15.png 748w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-15-600x594.png 600w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p>Now Cloudflare will display new nameservers that you need to update on your domain registrar\u2019s website. This is usually where you purchased your domain name. For Contabo customers this can be done via the <a href=\"https:\/\/my.contabo.com\" target=\"_blank\" rel=\"noreferrer noopener\">Customer Control Panel (CCP)<\/a> at my.contabo.com. Your DNS settings can be updated under \u201cDNS Zone Management\u201d. If you want to learn more about DNS Zone Management, check out <a href=\"https:\/\/contabo.com\/blog\/dns-feature-contabo-customer-control-panel\/\" target=\"_blank\" rel=\"noreferrer noopener\">this article<\/a>. If you are with some other provider, you will need to log in to your domain registrar\u2019s website and update the nameserver records with the ones provided by Cloudflare.<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"blob:https:\/\/contabo.com\/dd6fb5dc-5636-4084-8bef-296f06e58c05\"><\/p>\n\n\n\n<p>\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-verify-your-dns-settings\"><strong>Verify Your DNS Settings<\/strong><\/h2>\n\n\n\n<p>Once you have updated your DNS settings, go back to the Cloudflare dashboard and click on the \u201cDone, Check Nameservers\u201d button. Cloudflare will then verify that your DNS settings have been updated correctly. This may take some time, so be patient. Cloudflare will send you an email if these DNS settings have been updated.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-connect-your-server-with-your-domain-on-cloudflare\"><strong>Connect your Server with your Domain on Cloudflare<\/strong><\/h2>\n\n\n\n<p>After your DNS settings have been updated, it\u2019s time to connect your server with the Domain you set up at Cloudflare. To do so choose \u201cWebsites\u201d in the left menu:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"255\" height=\"581\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-17.png\" alt=\"\" class=\"wp-image-16907\"\/><\/figure>\n\n\n\n<p>Now click on your Domain:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1091\" height=\"472\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-16.png\" alt=\"\" class=\"wp-image-16905\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-16.png 1091w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-16-600x260.png 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-16-768x332.png 768w\" sizes=\"auto, (max-width: 1091px) 100vw, 1091px\" \/><\/figure>\n\n\n\n<p>And select \u201cDNS\u201d in the left menu:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"258\" height=\"613\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-14.png\" alt=\"\" class=\"wp-image-16901\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-14.png 258w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-14-253x600.png 253w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/figure>\n\n\n\n<p>To connect your server with this domain, click on \u201cAdd record\u201d:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"906\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png\" alt=\"\" class=\"wp-image-16909\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png 1281w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-18-600x424.png 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-18-768x543.png 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>Now leave the \u201cType\u201d on \u201cA\u201d.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>For \u201cName\u201d enter your Domain (e.g. test.com)&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>For IPv4 address enter the IPv4 Address of the server you want to connect with your domain (In Contabo this can be found in the Customer Control Panel &#8211;&gt; Your Services)&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Now click on \u201cSave\u201d&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>In our example it looks like this:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1269\" height=\"837\" src=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-19.png\" alt=\"\" class=\"wp-image-16911\" srcset=\"https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-19.png 1269w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-19-600x396.png 600w, https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/image-19-768x507.png 768w\" sizes=\"auto, (max-width: 1269px) 100vw, 1269px\" \/><\/figure>\n\n\n\n<p>Now it will again take some time to update your DNS settings. Again: It can take up to 24 hours but will usually be done in a few minutes.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-enjoy-the-benefits-of-cloudflare\"><strong>Enjoy the Benefits of Cloudflare<\/strong><\/h2>\n\n\n\n<p>Congratulations! You have successfully configured Cloudflare in front of your website or application. Cloudflare will now provide a range of services to help improve the performance and security of your site, including DDoS protection, caching, and website optimization.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to configure Cloudflare as a front-end configuration for your website or application to improve performance, security, and reliability.<\/p>\n","protected":false},"author":50,"featured_media":16893,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[18],"tags":[],"ppma_author":[1491],"class_list":["post-16892","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"uagb_featured_image_src":{"full":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg",1200,630,false],"thumbnail":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare-150x150.jpg",150,150,true],"medium":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare-600x315.jpg",600,315,true],"medium_large":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare-768x403.jpg",768,403,true],"large":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg",1200,630,false],"1536x1536":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg",1200,630,false],"2048x2048":["https:\/\/contabo.com\/blog\/wp-content\/uploads\/2023\/04\/blog-head_how2-configure-cloudflare.jpg",1200,630,false]},"uagb_author_info":{"display_name":"Tobias Mildenberger","author_link":"https:\/\/contabo.com\/blog\/author\/tobias\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to configure Cloudflare as a front-end configuration for your website or application to improve performance, security, and reliability.","authors":[{"term_id":1491,"user_id":50,"is_guest":0,"slug":"tobias","display_name":"Tobias Mildenberger","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/077178d5dce6c3d4c0c0396857a7e544bfdf8adf04145fff5160b33a22e28b1f?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/posts\/16892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/comments?post=16892"}],"version-history":[{"count":2,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/posts\/16892\/revisions"}],"predecessor-version":[{"id":16918,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/posts\/16892\/revisions\/16918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/media\/16893"}],"wp:attachment":[{"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/media?parent=16892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/categories?post=16892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/tags?post=16892"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/contabo.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=16892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}