Kick off your project with this default boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
Have another more specific idea? You may want to check out our vibrant collection of official and community-created starters.
Hola Cristian!
Repito el trabajo, que no pude seguir el ritmo de las classes el curso pasado por trabajo. Lo repito con Gatsby puesto que la otra vez no hubo problema. Queria entregar la práctica con una versión deployada pero no he sabido hacerlo a tiempo.
En el fichero index.js
no he puesto todo el contenido "html", ya que tengo partes como el header.js
y footer.js
que prefiero meterlas en el layout.js
.
Luego en Styles.css
he puesto todo el css.
Los post
de cada viaje están también separados en un fichero .md
. Esto lo he aprovechado de otra página que hice hace poco para practicar. Asi que en esta actividad prácticamente solo he tocado los archivos mencionados.
Gracias por dar flexiblidad a que haga la práctica así!
- Usar Gatsby para usar gatsby debemos instalar primero Instalar git. y node.js
el motor del gatsby usa herramientas que requieren de estos programas.
- Ir al terminal.
En el terminal debemos instalar dependencias de la librería React vía NPM.
npm -v # Para ver la versión.
npm i -g npm # Para actualizar npm.
Para usar el gatsby debemos instalar antes un conjunto de dependencias mediante
npm install # Para instalar las dependencias de React.
yarn install # Para instalar las dependencias de React.
- Encender el servidor
Una vez instalado, debemos dirigirnos a la carpeta donde esté el proyecto para ejecutar la funcion; gatsby develop, y poder dirigirnos al host desde el buscador.
en mi caso, para viajar a la carpeta uso la siguiente ruta
C:\Users\Admin\Downloads\Webcsshtml
.
gatsby develop #para encender el servidor y poder acceder a nuestro host en el buscador.
- Encender el servidor
Ejemplo
cd C:\Users\Admin\Downloads\Webcsshtml
C:\Users\Admin\Downloads\Webcsshtml> gatsby develop
-
ir al navegador
El sitio web se encuentra en
http://localhost:8000
!