Build a Blog with React and Markdown using Gatsby from @taylorbell on @eggheadio

  • Often, the answers we find are on blogs written by people who’ve been there, and found a solution.
  • Isn’t it time you paid it forward?
  • Gatsby.js is a static site generator for React with a plugin ecosystem that makes it super easy to publish.
  • In this course, you’ll build a Gatsby site that transforms Markdown documents from your local filesystem into HTML.
  • After your site has been compiled, you’ll see how to deploy it via Github Pages.

A large part of a software developer’s time is spent searching the internet for answers to a never-ending stream of questions. Often, the answers we find are on blogs written by people who’ve been there, and found a solution. Isn’t it time you paid it forward?
Gatsby.js is a static site generator for React with a plugin ecosystem that makes it super easy to publish.
In this course, you’ll build a Gatsby site that transforms Markdown documents from your local filesystem into HTML. From there, you’ll use GraphQL to query posts for displaying on an index page, link between posts, and group posts by tags. After your site has been compiled, you’ll see how to deploy it via Github Pages.

Continue reading “Build a Blog with React and Markdown using Gatsby from @taylorbell on @eggheadio”

Modern static site generation

  • There is this function called Server Side Rendering where you can produce static HTML content directly from a tree of React.js components.
  • At the time of reading this, this site will already be served by GitHub pages and the content you will see once you view the source it’s been generated by Gatsby.js.
  • Here’s my list:

    At the time that I started following them, all of them were in a very early stage and none of them could generate my site’s content the way I wanted and in the same way as my previous one so to not lose paths and certain functionalities.

  • Think of when you are caching the home page of a WordPress powered site and you are serving the cached content to every visitor.
  • Imagine that instead of having memcached caching your HTML in front of your WordPress site, you trigger a hook each time your database changes that will re-generate the frontend using Gatsby.

In this post, I will talk about static site generators. How they have evolved and why I switched from a Ghost powered site to Gatsby.js, a modern static site generator.
Continue reading “Modern static site generation”

Building a static website from scratch? Go @gatsbyjs. Most impressive framework I’ve seen. Powered by @reactjs.

  • You get code and data splitting out-of-the-box.
  • Gatsby loads an HTML file that’s a server rendered version of your React.js page then makes it live with JavaScript.
  • Code and data for other pages get preloaded so clicking around the site feels incredibly fast.

Enjoy all the power of the latest web technologies. React.js, webpack, modern JavaScript and CSS and more are all setup and waiting for you to install and start building.
Continue reading “Building a static website from scratch? Go @gatsbyjs. Most impressive framework I’ve seen. Powered by @reactjs.”