En este tutorial, le mostraremos cómo instalar Gatsby en Ubuntu 20.04 LTS. Para aquellos de ustedes que no lo sabían, Gatsby es un generador de sitios estáticos basado en GraphQL basado en React. Durante tiempo de compilación Gatsby obtiene todos los datos, convierte todo el sitio web en archivos estáticos HTML, CSS, JS con los datos disponibles en ese momento. A medida que genera los archivos estáticos, las aplicaciones de Gatsby se pueden implementar en cualquier lugar.
Este artículo asume que tiene al menos conocimientos básicos de Linux, sabe cómo usar el shell y, lo que es más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que se están ejecutando en la cuenta raíz, si no, es posible que deba agregar 'sudo
' a los comandos para obtener privilegios de root. Te mostraré la instalación paso a paso de Gatsby en Ubuntu 20.04 (Focal Fossa). Puede seguir las mismas instrucciones para Ubuntu 18.04, 16.04 y cualquier otra distribución basada en Debian como Linux Mint.
Requisitos previos
- Un servidor que ejecuta uno de los siguientes sistemas operativos:Ubuntu 20.04, 18.04 y cualquier otra distribución basada en Debian como Linux Mint o Elementary OS.
- Se recomienda que utilice una instalación de sistema operativo nueva para evitar posibles problemas.
- Un
non-root sudo user
o acceder alroot user
. Recomendamos actuar como unnon-root sudo user
, sin embargo, puede dañar su sistema si no tiene cuidado al actuar como root.
Instalar Gatsby en Ubuntu 20.04 LTS Focal Fossa
Paso 1. Primero, asegúrese de que todos los paquetes de su sistema estén actualizados ejecutando el siguiente apt
comandos en la terminal.
sudo apt update sudo apt upgrade sudo apt install build-essential
Paso 2. Instalación de Node.js.
Ahora agregue el repositorio Node.js a su sistema:
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs
Ahora verifique su versión de Node.js para asegurarse de que funciona con:
nodejs -v
Y compruebe también la versión de NPM:
npm -v
Paso 3. Instalación de Gatsby en Ubuntu 20.04.
La CLI de Gatsby está disponible a través de npm. Ejecute el siguiente comando para instalar gatsby-cli:
npm install -g gatsby-cli
Compruebe que Gatsby se ha instalado correctamente con:
gatsby -v
Paso 4. Crea tu sitio Gatsby.
Ahora cree su primer sitio de prueba de Gatsby:
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
Este comando creó un directorio llamado hola-mundo y descargó el sitio de prueba, ahora puede ejecutar el sitio de inicio con:
cd hello-world gatsby develop
Paso 5. Acceso al sitio de Gatsby.
Una vez que se haya instalado correctamente, su sitio de Gatsby ahora se ejecuta en http://localhost:8000
y debería mostrar ¡Hola, mundo!
¡Felicitaciones! Ha instalado Gatsby con éxito. Gracias por usar este tutorial para instalar Gatsby en el sistema Ubuntu 20.04 LTS Focal Fossa. Para obtener ayuda adicional o información útil, le recomendamos que consulte el sitio web oficial de Gatsby .