ChatGPT + GitHub Pages + a code editor · ~15 minutes · no coding experience needed
What you'll need
A ChatGPT account — chat.openai.com (the free plan is enough)
A GitHub account — github.com
Everything else runs right in your browser
Steps
Find a reference site. Find a website online whose design you like and copy the link.
Generate the site in ChatGPT. Sign up and send the prompt (template below), substituting your link and a description of yourself.
Copy the code. Press “Copy” on the code block in ChatGPT's answer.
Create a repository on GitHub. Sign up at github.com → “+” → “New repository”. The name must be exactly your_login.github.io (this is the future address of your site and can't be changed). Any description, set to Public → “Create repository”.
Open the code editor. On the repository page press the . (period) key, or the “Code” → “Codespaces” button — an online version of VS Code opens.
Create index.html. In the file explorer press “new file”, name it exactly index.html, and paste the code from ChatGPT.
Commit the changes. Source Control tab → write a message (e.g. “My first website”) → Commit.
Sync. Press Sync Changes at the bottom and confirm — the code goes to GitHub.
Wait 1–2 minutes and open your_login.github.io — your site is already on the internet! 🎉
Improve it. Ask ChatGPT: “make the header sticky”, “add a gallery”, “change the colors to blue”. Each time ask for the whole file again and repeat steps 6–8.
Prompt for ChatGPT (template)
Create a website similar to [REFERENCE SITE LINK].
But it must be my own working page. Tell about me: [YOUR INFO — what you do, experience], my work: [services/projects], contacts: [phone, email, socials], service prices: [your list].
Requirements: everything in a single index.html file (HTML + CSS inside), mobile-friendly, modern design.
⚠️ Name the repository exactlylogin.github.io — lowercase, no spaces. Then the site will open at https://your_login.github.io