Gatsby es un marco de código abierto súper rápido y fantástico basado en React para crear sitios web y aplicaciones.
Aquí en LinuxAPT, como parte de nuestros Servicios de administración de servidores, ayudamos regularmente a nuestros Clientes a realizar consultas relacionadas con el desarrollo de sitios web utilizando el software Gatsby.
En este contexto, veremos cómo instalar Gatsby en su Ubuntu 20.04 LTS.
Pasos para instalar Gatsby en Ubuntu
Para instalar Gatsby con éxito, debe seguir los pasos a continuación.
1. Actualizar sistema
Antes de realizar cualquier Instalación de Software, siempre se recomienda mantener el sistema actualizado. Entonces, para hacer esto, simplemente ejecute el siguiente comando:
$ sudo apt update
2. Verifique la versión de Node, NPM y Git
Aquí, debe verificar que su sistema esté ejecutando paquetes Node.js, NPM y Git actualizados. Aquí está cómo hacerlo con los siguientes comandos:
$ node --version
$ npm --version
$ git --version
Si ninguno de los paquetes anteriores está instalado en su sistema, primero debe instalarlos. Utilice el siguiente comando:
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Instale la CLI de Gatsby.js
A diferencia de otros paquetes que pueden instalarse en un directorio de proyecto específico. Gatsby se instalará globalmente únicamente. Un paquete de nodo local o específico del directorio se puede instalar sin sudo, pero un paquete global solo se puede instalar usando sudo.
Ahora ejecuta el siguiente comando:
$ sudo npm install -g gatsby-cli
¿Cómo crear un nuevo sitio web estático con Gatsby?
Una vez que se instala Gatsby.js, estamos listos para comenzar a crear nuevos sitios web estáticos.
Comience creando un nuevo directorio con el siguiente comando:
$ mkdir gatsbySite
Luego cambie el directorio con el siguiente comando:
$ cd /gatsbySite
Ahora, para crear su primer sitio, simplemente ejecute el siguiente comando y estará listo para comenzar:
$ gatsby new
Aquí, Gatsby le hará algunas preguntas, como cuál es el nombre de su sitio, el nombre de la carpeta específica de su sitio web y algunos detalles del complemento.
Después de responderlas todas, se creará su sitio.
Para iniciar un servidor local que le mostrará su sitio web localmente, simplemente ejecute el comando:
$ npm run develop
Ahora puede acceder a su sitio local en http://localhost:8000/.