Seu site online

1. Instale as ferramentas

Baixe o VS Code, o Git e o Node.js (se for usar framework). Crie uma conta no GitHub e outra na Vercel ou Netlify (plano gratuito).

2. Crie o projeto

Abra uma pasta nova no VS Code. Site simples: crie os arquivos index.html, style.css e script.js. Com framework, rode no terminal:

npm create vite@latest

ou

npx create-next-app@latest

3. Desenvolva e teste localmente

HTML puro: instale a extensão Live Server e clique em "Go Live". Framework: rode npm run dev e abra o endereço que aparecer (localhost:5173 ou localhost:3000).

4. Inicie o Git

No terminal da IDE, rode:

git init

Crie um arquivo .gitignore com a linha:

node_modules

5. Faça o primeiro commit

git add .
git commit -m "primeiro commit"

6. Crie o repositório no GitHub

No GitHub, clique em New repository, dê um nome e não marque README. No terminal, rode:

git branch -M main
git remote add origin https://github.com/SEU-USUARIO/NOME-DO-REPO.git
git push -u origin main

7. Conecte ao deploy

Na Vercel ou Netlify, clique em New Project e autorize o GitHub. Escolha o repositório — o framework é detectado sozinho. HTML puro: deixe o build command vazio e a pasta de saída como a raiz. Clique em Deploy. O site ganha um endereço tipo seu-projeto.vercel.app.

8. Atualize o site depois de cada mudança

git add .
git commit -m "descrição da mudança"
git push

A Vercel ou Netlify publica a nova versão automaticamente.

9. Domínio próprio (opcional)

Nas configurações do projeto, adicione seu domínio. Copie os registros DNS indicados para o painel onde comprou o domínio. Aguarde a propagação (minutos a algumas horas).