πŸ’»
TechUp Run 4
  • πŸ‘‹Welcome!
    • Venues
    • πŸ“–Frequently Asked Questions
    • πŸ’ŒContact Persons
  • ❓What You Need to Know
  • πŸ—“οΈTechUp Calendar
  • πŸ“–Pre-Work (To be completed before Programme)
    • πŸ–₯️Pre-Course Tooling
      • πŸ–±οΈSlack
      • GitHub
      • Render
        • For Websites without Backend (Default for TechUp)
        • For Websites with Backend (For Advanced Learners)
    • πŸ‘ΎCompulsory Pre-Readings
  • πŸ› οΈIN-COURSE TOOLING
    • πŸ“²Building a Sample Web App
    • Cloudflare
    • Google Analytics
    • TablePlus
  • πŸ“šProgramme Materials
  • TechUp Challenge
    • πŸ“±Deliverables & Milestones
    • Web App Requirements
    • 🎀Post-User Interview Reflections (16th May)
    • ❗Deliverables Sheet
  • About TechUp
    • πŸ™‚About TechUp
    • πŸ€·β€β™€οΈWhy do TechUp
      • πŸ“Rules of Engagement
      • πŸ“ΈNotice of Filming and Photography
    • βš™οΈLearning Outcomes
    • πŸ§‘β€πŸ€β€πŸ§‘Meet the Team!
    • Past TechUp Web Apps (Crtl + Click to open new Tab)
  • Policies
    • Legal Note
    • βŒ›Attendance
    • ✏️Transport Policy
  • πŸ‡ΈπŸ‡¬About the Organisers
Powered by GitBook
On this page
  • Creating a Cloudflare account
  • Registering a Domain Name (also known as buying a domain name)
  • 2. Type in a domain name of your choice and click purchase
  • Linking my domain name to my web app (using the Sample Web App as an example)
  1. IN-COURSE TOOLING

Cloudflare

PreviousBuilding a Sample Web AppNextGoogle Analytics

Creating a Cloudflare account

Follow the instructions in this page below to create your Cloudflare account.

Registering a Domain Name (also known as buying a domain name)

2. Type in a domain name of your choice and click purchase

3. Select a 1 year registration and fill in your registrant information

4. Select the payment method of your choice

5. Click on Complete Purchase to buy your domain name

6. Congrats you've just purchased your domain name!

Linking my domain name to my web app (using the Sample Web App as an example)

To link your domain name to the sample web app, there are three things you will need to do:

  • Enable full SSL/TLS encryption on Cloudflare

  • Setup Render to use a custom domain name for your Sample Web App

  • Setup Cloudflare's DNS to point to the Sample Web App deployed on Render

2. Click on the SSL/TLS tab in the sidebar

3. Set the SSL/TLS encryption mode to Full

5. Click on Settings to Add a Custom Domain Name

7. Click on DNS to go to the page to edit your DNS Records, then click on Add Record

8. Add a new DNS Record

9. Go back to your Render Dashboard and click on Verify

1. Login to Cloudflare Dashboard () and click on Register Domains in the sidebar

You should have already set up your Sample Web App before linking your domain name. If you have yet to do so, please follow the instructions .

1. Go to Cloudflare Dashboard () and click on the domain name you purchased

4. Go to Render Dashboard () and click on your web app (in this example the sample web app is selected)

6. Go to Cloudflare Dashboard () and click on your domain name

πŸ› οΈ
dash.cloudflare.com
here
dash.cloudflare.com
dashboard.render.com
dash.cloudflare.com
Click on Register Domains to bring you to this page
Enter a domain name and click on purchase
Select 1 year and fill in the registrant information section
Select your payment method
Click on complete purchase
You should see this screen once you have purchased your domain name
Click on your domain name
Click on the SSL/TLS tab in the sidebar
Select Full to change SSL/TLS encryption mode
Click on Confirm to continue
Your SSL/TLS encryption mode should now be set to full
Select your web application on Render
Click on Settings
Scroll down to the section on custom domains
Enter your domain name and click save
You should see something similar, click on the copy icon to copy the onrender.com URL which will be used for the nest step
Click on your domain name
Click on DNS in the sidebar then click on Add Record
Add a new CNAME record with the Target being the onrender.com URL you copied earlier in Step 5, then click Save
Click on Verify
It may take some time for the domain to be verified and for a certificate to be automatically generated
Congrats! You have now set up a custom domain name for your app!
LogoCreate account Β· Cloudflare Fundamentals docsCloudflare Docs