In SOP 02 you built your landing page. Right now it is a file that only exists on your laptop. GitHub stores it. GitHub Pages turns it into a real URL. Both are free. By the end of this SOP you have a link you can share with anyone.
what you will use
-
Your AI coding assistantCursor, Claude Code, GitHub Copilot, whatever you used in SOP 02. All have free tiers. Use whichever you already have.
-
GitHubWhere your code lives. Think of it as a folder on the internet, but one that saves every change you ever make. Free for public and private projects.
-
GitHub PagesGitHub has a built-in option that takes your repository and generates a public URL for it. That is GitHub Pages. Free, and it takes about a minute to set up.
the steps
1
Save your file as index.html
Take the code your AI assistant generated in SOP 02 and save it as
index.html. The file name matters: it must be exactly index.html, no capitals, no spaces. Open it in your browser one more time to make sure everything looks right before you publish.2
Create your GitHub account
Go to github.com and click Sign up in the top right corner. Enter your email, create a password, and choose a username. Keep the username simple. It will be part of your URL later. GitHub will send you a verification email. Click the link in that email to confirm your account and get in.
3
Create a new repository
A repository is a folder on GitHub where your project lives. To create one, click the + icon in the top right corner and choose New repository. Give it a short name, using hyphens instead of spaces, like
my-project. Make sure it is set to Public (required for GitHub Pages on free accounts). Check the box that says Add a README file. Click Create repository.4
Upload your index.html
You are now inside your repository. Click the Add file button and choose Upload files. Drag your
index.html into the upload area, or click to browse your computer and select it. Once the file appears in the list, scroll down to the Commit changes section. In the text box, write something short like "first version". This is just a note to yourself about what you uploaded. Click Commit changes. Your file is now on GitHub.5
Enable GitHub Pages
Click the Settings tab at the top of your repository page. In the left sidebar, scroll down and click Pages. Under Build and deployment, find the Source dropdown and set it to Deploy from a branch. Below that, set the branch to
main and the folder to / (root). Click Save. GitHub will start preparing your public URL.6
Open your live URL
Refresh the Pages settings page. Your URL will appear in the format
yourusername.github.io/your-repo-name. Click it. Your page is live on the internet. That is the moment.if something does not look right
Two things trip people up at this stage.
-
Pages takes a few minutesAfter enabling GitHub Pages, your site can take up to two minutes to go live. If the URL is not working yet, wait and refresh. You can check the status under the Actions tab in your repository.
-
The page looks different from your browser previewMake sure your file is named exactly
index.htmlwith no capitals or spaces. If it is named something else, GitHub Pages will not know where to start.
That is all it takes. You do not need to be a developer to get a project live on the internet. You just proved it.
Your task this week
SOP 03
Get your landing page live on a real URL.
Take your prompt from SOP 02, open your AI coding assistant, and build the first version of your landing page. Make it yours. Push it to GitHub. Enable GitHub Pages. Do not wait until it is perfect. Get it live first.
When done
A live URL with your landing page on it. Something real, on the internet, that anyone can visit.