Skip to content

Latest commit

 

History

History
83 lines (57 loc) · 3.35 KB

5.mdx

File metadata and controls

83 lines (57 loc) · 3.35 KB
type title description i18nReady
tutorial
Faça deploy do seu site para a web
Tutorial: Construa seu primeiro blog Astro — Conecte o seu repositório no GitHub do seu projeto do tutorial com a Netlify e faça deploy para a web
true

import Checklist from '/components/Checklist.astro'; import Box from '/components/tutorial/Box.astro'; import MultipleChoice from '/components/tutorial/MultipleChoice.astro'; import Option from '/components/tutorial/Option.astro'; import PreCheck from '/components/tutorial/PreCheck.astro'; import Badge from "/components/Badge.astro"

- Adicionar seu repositório do GitHub como um novo aplicativo na Netlify - Fzer deploy do seu site Astro para a web

Aqui, você irá conectar seu repositório do GitHub com a Netlify. Netlify irá usar esse projeto para fazer build e deploy do seu site ao vivo na web toda vez que você fizer commit de uma mudança no seu código.

:::tip[Nós utilizaremos...] Este tutorial irá utilizar Netlify, porém você está livre para utilizar seu serviço de hospedagem preferido para fazer deploy do seu site para a internet. :::

Crie um novo site Netlify

  1. Crie uma conta gratuita em Netlify se você já não a tiver.

    Anote o seu nome de usuário. Você irá ver seu painel de controle e quaisquer sites que criou em https://app.netlify.com/teams/nome

  2. Clique em Add new site > Import an existing project.

    Você será questionado a conectar com um provedor Git. Escolha o GitHub e siga os passos na tela para autenticar sua conta do GitHub. Então, escolha o repositório do GitHub do seu projeto Astro pela lista fornecida.

  3. Na última etapa, Netlify irá te mostrar as opções do site do seu aplicativo. As opções padrões devem estar corretas para seu projeto Astro, então você pode rolar para baixo e clicar em Deploy site.

Parabéns, você tem um site Astro!

Mude o nome do seu projeto

Na página de visão geral do seu site na Netlify, você irá ver o nome gerado randomicamente do projeto, e a URL do seu website no molde https://nome-projeto-123456.netlify.app. Você pode mudar o nome do seu projeto para algo mais memorável, e sua URL será automaticamente atualizada.

Visite seu novo website

Clique na URL nas opções do seu site, ou o digite numa aba de navegador para ver o seu novo website.

Teste seu conhecimento

Você quer atualizar a página inicial do seu projeto existente. Quais etapas você segue?

Eu abro um terminal, executo `create astro` e então visito minha URL da Netlify. Eu mudo uma opção no meu aplicativo da Netlify, e então faço fork de um novo projeto Astro no StackBlitz. Eu faço uma mudança em `index.astro`. Faço commit e push das minhas mudanças ao GitHub. Netlify vai lidar com o resto! ## Checklist - [ ] Eu posso ver meu website atualizado online. - [ ] Estou pronto para voltar a codificar!

Recursos