gatsby starter landing page

Iniciador da página de destino de Gatsby

Um iniciador de página de destino simples, mínimo e fácil de usar, sem todos os tipos de sinos e assobios que você só terá que retirar mais tarde. Crie uma landing page super rápida e bonita a partir de um modelo básico com uma única página que já parece boa.

Pré-requisitos

Se você ainda não possui o Gatsby CLI instalado, faça-o primeiro.

npm install --global gatsby-cli

O Gatsby CLI usa Node e npm que você também precisará instalar. Mais informações podem ser encontradas em GatsbyJS.org.

Começando

Instale o starter usando o novo comando Gatsby.

gatsby new landing-page https://github.com/gillkyle/gatsby-starter-landing-page.git

Navegue até o diretório do projeto e inicie o site.

 cd landing-page && gatsby develop

O site será aberto em seu navegador padrão em http://localhost:8000

Edite o código em /src , salve suas alterações e elas serão recarregadas instantaneamente no navegador.

? O que há dentro?

O iniciador mínimo da página de destino já vem com alguns plug-ins instalados, mas seu foco principal é permanecer simples e com aparência limpa. Estas coisas estão incluídas por padrão:

• ? Imagem Gatsby: as imagens adicionadas à pasta src/images são otimizadas automaticamente pelo plugin gatsby-image e podem ser inseridas em componentes com carregamento lento e efeitos de desfoque
• Analytics: adicione seu ID de rastreamento do Google Analytics a gatsby-config.js para começar a rastrear automaticamente os visitantes do site
• ? Mapa do site: quaisquer novas páginas adicionadas ao site são automaticamente montadas em um mapa do site por meio gatsby-plugin-sitemap
• ? Tema de cores: o arquivo src/styles/constants.js contém um conjunto de cores e estilos padrão que são aplicados em linha aos componentes do site que podem ser substituídos por seus próprios estilos

? Experimentar

Se quiser tentar brincar com o código-fonte em um playground online, você pode abrir o repositório no Codesandox com este botão.

? Implantar

Se você deseja apenas ver um site online rapidamente, você pode implantar uma cópia do site no Netlify com este botão.

Para criar uma construção otimizada do site, execute este comando

gatsby build

Será montada uma pasta /public que pode ser implantada em um serviço como Netlify, Surge, GitHub Pages, AWS S3, hospedagem Firebase ou seu próprio servidor de arquivos.