Skip to content

oswiil/Webhtmlycss

Repository files navigation

Gatsby

Gatsby's default starter

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.

🚀 Quick start

Actividad 01, HTML + CSS3

Òscar Sánchez Giménez

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í!

🚀 Para empezar

  1. Usar Gatsby para usar gatsby debemos instalar primero Instalar git. y node.js

el motor del gatsby usa herramientas que requieren de estos programas.

  1. 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.
  1. 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.
  1. Encender el servidor

Ejemplo

cd C:\Users\Admin\Downloads\Webcsshtml
C:\Users\Admin\Downloads\Webcsshtml> gatsby develop
  1. ir al navegador

    El sitio web se encuentra en http://localhost:8000!

💫 Deploy

Deploy to Netlify

💫 Deploy

Deploy to Netlify

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published