gatsby starter landing page

Arrancador de la página de destino de Gatsby

Un iniciador de página de destino simple, mínimo y fácil de usar sin todo tipo de campanas y silbatos atornillados que solo tendrás que desnudarte más tarde. Cree una página de destino súper rápida y hermosa a partir de una plantilla de Barebones con una sola página que ya se ve bien.

Requisitos previos

Si aún no tiene instalado el Gatsby CLI, hágalo primero.

npm install --global gatsby-cli

El Gatsby CLI usa Node y NPM que también necesitará instalado. Se puede encontrar más información en gatsbyjs.org.

Empezando

Instale el arranque usando el nuevo comando Gatsby.

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

Navegue al directorio del proyecto y inicie el sitio.

 cd landing-page && gatsby develop

El sitio se abrirá en su navegador predeterminado en http: // localhost: 8000

Edite el código en /src , guarde sus cambios y se volverán a cargar instantáneamente en el navegador.

? ¿Qué hay dentro?

El inicio mínimo de la página de destino viene con algunos complementos instalados ya, pero su enfoque principal es mantenerse simple y verse limpio. Estas cosas se incluyen de forma predeterminada:

• ? Imagen de Gatsby: las imágenes agregadas a la carpeta src/images se optimizan automáticamente mediante el complemento gatsby-image y se pueden meter en componentes con carga perezosa y efectos difuminados de
• Análisis: Agregue su ID de seguimiento de Google Analytics a gatsby-config.js para comenzar automáticamente a rastrear a los visitantes al sitio
• ? Sitemap: cualquier página nueva agregada al sitio se ensamblan automáticamente en un mapa del sitio a través de gatsby-plugin-sitemap
• ? Tema de color: El archivo src/styles/constants.js contiene un conjunto de colores y estilos predeterminados que se aplican en línea a los componentes del sitio que se pueden anular con sus propios estilos

? Experimento

Si desea intentar jugar con el código fuente en un patio de recreo en línea, puede abrir el repositorio en Codesandox con este botón.

? Desplegar

Si solo desea ver un sitio en línea muy rápido, puede implementar una copia del sitio para netlify con este botón.

Para crear una compilación optimizada del sitio, ejecute este comando

gatsby build

Se ensamblará una carpeta /public que se puede implementar en un servicio como Netlify, Surge, GitHub Pages, AWS S3, Firebase Hosting o su propio servidor de archivos.