Desarrollo de Sistemas Informáticos

3º. 2º cuatrimestre. Itinerario de Tecnologías de la Información. Grado en Ingeniería Informática. Curso 2019/2020

---

Organization ULL-ESIT-DSI-1920   Github Classroom DSI   Campus Virtual DSI   Profesores Casiano , Vicente , Manz

Table of Contents

• Gatsby
  • The Belgian Beers Gatsby hello world
  • Dave Ceddia tutorial: Start a Blog in 2019 with Gatsby.js and Netlify
  • GatsBy and GitHub Pages
  • Rwieruch tutorials
  • Example of Git Book with Gatsby
  • MDX
  • Examples of gregoblinski
  • Surge
  • Gatsby vs Next.js
  • Práctica: Gatsby

Gatsby

• What is Gatsby? Heard of Gatsby.js, but not sure what to make of it?

• https://www.gatsbyjs.org/

  • Examples
  • Video Tutorial

  • Gatsby JS Crash Course YouTube

  • Gatsby.js: Adding Markdown Pages
  • Creating a Blog with Gatsby

The Belgian Beers Gatsby hello world

• Kalin Chernev: Learn Gatsby
• GitHub repo ULL-MII-SYTWS-1920/belgian-beers and its deployment in GitHub pages

Dave Ceddia tutorial: Start a Blog in 2019 with Gatsby.js and Netlify

• Start a Blog in 2019 with Gatsby.js and Netlify
• How to Write a Blog That People Will Read
• dceddia/demo-blog

GatsBy and GitHub Pages

• How Gatsby Works with GitHub Pages
• Deploy Gatsby sites to GitHub Pages
• GitHub Action to build and deploy your Gatsby site to GitHub Pages ❤️🎩

Rwieruch tutorials

• Gatsby.js - A powerful Static Site Generator BY ROBIN WIERUCH JULY 08, 2019
• Gatsby MDX Blog Starter Project GitHub Repo
• Gatsby starter for creating a blog with Preact. (Preact es similar a React pero ocupa sólo 3kb de tamaño)
• Your open source solution to crowd fund your ideas. Powered by Gatsby.js.
• Gatsby Starter Project for Small Businesses Deployment at https://www.reisebuero-bergfelde.de

Example of Git Book with Gatsby

• Repo ULL-MII-SYTWS-1920/gatsby-gitbook-starter Generate GitBook style modern docs/tutorial websites using Gatsby + MDX

MDX

• MDX: JSX in Markdown for ambitious projects https://github.com/mdx-js/mdx

Examples of gregoblinski

• greglobinski/gatsby-starter-hero-blog deployed at https://gatsby-starter-hero-blog.greglobinski.com/
• His web site
• GitHub Action for Gatsby CLI
• Repo ULL-MII-SYTWS-1920/gatsby-starter-personal-blog
  • How to customize Node.js .env files for different environment stages

Surge

• Getting Started with Surge
  • Deploying a Jekyll project
  • GastBy

Gatsby vs Next.js

• Gatsby vs Next.JS - What, Why and When?

Práctica: Gatsby

Comment with Disqus