Skip to content

Create a personal website

Requirement

Create a domain name on CloudFlare

  • Buy a domain name.

Note: If you need a com, net, org or dev go to cloudflare, if you need a fr go to infomaniak

Register your newly created domain to your github account:

  • on GitHub
    1. click on your profile icon (top right)
    2. click on settings*
    3. go to pages in Code, planning, and automation
    4. enter your domain name
    5. copy the TXT record github - add a verified domain
  • on Cloudlfare
    1. go to your dashboard / Websites
    2. Click on Add domain
    3. select your domain name
    4. select DNS / DNS Records (right)
    5. in DNS management click the blue button + Add record
      cloudlfare
    6. enter the name and the content as asked by GitHub
    7. click save
    8. in the same we are going to enter the server from github (we are going to need them later)

    9. Do the same for each elements:

      • Type A and Type AAAA:
Name:@, IPv4 address(required):185.199.108.153
Name:@, IPv4 address(required):185.199.109.153
Name:@, IPv4 address(required):185.199.110.153
Name:@, IPv4 address(required):185.199.111.153

Name:@, IPv6 address(required):2606:50c0:8000::153
Name:@, IPv6 address(required):2606:50c0:8001::153
Name:@, IPv6 address(required):2606:50c0:8002::153
Name:@, IPv6 address(required):2606:50c0:8003::153
  • wait a few hours (it's sometimes shorter)
  • go back to GitHub
    • create a new repository (usually choose your domain name, ex:domain.tld)
    • you have to create at least an index.html file containing basic code:
index.html
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
<body>
  <!-- Page content goes here -->
</body>
</html>
  • on GitHub
    • check if github accept the domain
  • on Cloudlfare
    1. go to your dashboard / Websites
    2. select your domain name
    3. select DNS / DNS Records (right)
  • wait a few hours (it's sometimes shorter)
    • you can go to https://dnschecker.org/
  • Go to your dash/interface CloudFlare

Find inspiration

Find some code or components

Use a framework