Check in: Unidade 1 - Configuração
Agora que você sabe o que estará construindo, é hora de configurar todas as ferramentas que você vai precisar!
Essa unidade te mostra como configurar seu ambiente de desenvolvimento e como fazer deploy para a Netlify. Pule para a Unidade 2 se você já está confortável com seu ambiente e fluxo de trabalho.
Quer completar este tutorial em um editor de código online ao invés disso?
Siga estas instruções, então vá diretamente para a Unidade 2!
Configure o StackBlitz
-
Visite astro.new e clique no botão para abrir o template “Empty Project” no StackBlitz.
-
Clique em “Sign in” no lado superior direito para entrar com suas credenciais do GitHub.
-
No lado superior esquerdo da janela do editor do StackBlitz, clique em “fork” no template (salvar no painel da sua própria conta).
-
Espere o projeto carregar, e então você irá ver uma visualização ao vivo do template inicial “Empty Project”.
Faça uma Modificação
No painel de arquivos, você deve ver src/pages/index.astro
. Clique para abrí-lo, e então siga Escreva sua primeira linha de Astro para modificar esse arquivo.
Crie um Repositório no GitHub
-
Clique no botão Connect Repository no topo da sua lista de arquivos, insira um novo nome para seu repositório, e clique em Create repo & push.
-
Quando você tiver chances para dar commit no GitHub, um botão “Commit” irá aparecer no lado superior esquerdo da sua área de trabalho. Clicar nele irá te permitir inserir uma mensagem de commit, e então atualizar seu repositório.
Faça Deploy do seu Site
Se você quiser fazer deploy para a Netlify, pule para Faça deploy do seu site para a web. Caso contrário, pule para a Unidade 2 para começar a construir com o Astro!
Para onde está indo?
Nesta unidade, você irá criar um novo projeto que é armazenado online no GitHub e conectado a Netlify.
Enquanto você escreve código, você irá periodicamente fazer commit de suas mudanças para o GitHub. A Netlify irá utilizar os arquivos no seu repositório do GitHub para construir o seu website, e então publicá-lo na internet em um endereço único onde qualquer um pode vê-lo.
Toda vez que você fazer commit de uma mudança para o GitHub, uma notificação será enviada a Netlify. Então, a Netlify irá automaticamente refazer a build e republicar seu site ao vivo para refletir a essas mudanças.