Transform plain text into dynamic blogs and websites using the latest web technologies. A React.js static site generator.
- Image Optimization Made Easy with Gatsby.jsby Kyle Gill TutorialJan 10, 18
Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image.
- How I Added Additional Post Types to My GatsbyJS Siteby Ben Newton TutorialJan 09, 18
First things first, I needed to add the source for my new posts. The starter is already pulling data from markdown files in /content/posts utilizing gatsby-source-filesystem. I thought I could just add another reference to markdown files in a new directory and I’d reference that in a separate GraphQL query and have a separate array of posts to work with, but that is not how it works.
- Gatsby.js: How to set up and use the React Static Site Generatorby Aman Mittal TutorialJan 04, 18
There are a lot of modern paradigms that Gatsby takes care for its developer behind the scenes to start building and launch their project. Another cool thing about Gatsby that I like is its ever-growing data plugin ecosystem. It lets a developer fetch data directly into a Gatsby generated application using GraphQL.
- Add a realtime chat to your Gatsby blog using Pusherby Pusher Blog TutorialJan 02, 18
In this tutorial, we’re going to take a look at how we can add a realtime chat feature to a Gatsby blog using Pusher.
- Building a blazing fast website with GatsbyJS and Contentful #1 - YouTubeby k garbaya VideoDec 25, 17
In this video, I am going to take a simple getting started GatsbyJS example and transform it into a Contentful powered website.VIDEO
- React YouTube Video Backgroundby Hunter Chang TutorialDec 11, 17
For this demo, I’m going to be using Gatsby.js and a starter that I’ve created. In reality, you can do this with any React app, you don’t have to use Gatsby if you don’t want to. The starter just gives us some content and a layout to work with.
- Building a Photo Site With GatsbyJS Part 1 – Getting Setupby Jeremey DuVall TutorialDec 11, 17
In a recent post, I talked about some recent experimentation I did with GatsbyJS and the WordPress.com API. While it wasn’t quite a fit for rebuilding my personal site, I wanted to build something else with it. So, I elected to build an Instagram-esque photo sharing site.
- Featured Blog Images In Gatsby.jsby Hunter Chang TutorialNov 24, 17
With Gatsby.js, it’s pretty easy to get a static site up and running with one of their starter templates. The gatsby-starter-blog (https://github.com/gatsbyjs/gatsby-starter-blog) demonstrates how a Gatsby static site can function with blog posts written in markdown files. There is a list of blog posts on the homepage, but it would be nice to see a featured image with each post. Let’s dive into the gatsby-starter-blog and associate a featured or cover image to a markdown post.
- Setting Up a Continuous Deployment Pipeline with Gatsby.js, Contentful and Netlify | halfelectronic.comTutorialNov 23, 17
Ever since I published my first entry a couple of weeks ago, I have been asked a couple questions regarding the approach I followed to set up Gatsby.js, Contentful and Netlify, so I thought it would be a good idea to write a post about it.
- Gatsbythemes - Beautiful and elegant Websites generated with Gatsbyby Sascha Jullmann TutorialOct 21, 17
Emotion is currently my favorite css-in-js library and fortunately there is a gatsby-plugin for that.
- Gatsby + Apollo + GraphCool + Netlify: The Web’s Promised Landby Dennis Walsh TutorialSep 18, 17
Few things excite my nascent programming life like the possibility of serving static HTML files on a CDN that loads a single page React/Apollo(GraphQL) app. It’s my nerd dream. The promised land.
- GatsbyJS Tutorials #1 - Getting Started with Gatsbyby LevelUp Tuts TutorialAug 07, 17
Bring your own data
Gatsby’s rich data plugin ecosystem lets you build sites with the data you want. Integrate data from one or many sources: headless CMSs, SaaS services, APIs, databases, your file system, and more. Pull data directly into your pages using GraphQL.
- Creating a Blog with Gatsbyby Dustin Schau TutorialJul 27, 17
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern web application.
- Generating Comments on Static Sites with Staticmanby tosbourn TutorialJul 26, 17
In this article I’m going to go through the basics of setting up a Jekyll site, GitHub Pages and Staticman. If you’re just interested in Staticman please skip down a bit!
- Gatsbygram Case Studyby Kyle Mathews Case StudyMar 09, 17
It combines the fast performance of static websites with the powerful abstractions, tools, and client capabilities of the React.js world.
- How to schedule posts for static site generators (Jekyll, Hugo, Phenomic etc.)by David Wells TutorialMar 07, 17
The post scheduler is a serverless project that gives static site owners the ability to schedule posts (or other site content).
It works with any static site setup (Jekyll, Hugo, Phenomic, Gatsby etc.)
- Moving your blog from WordPress to GatsbyJS - Chiedo Labsby Chiedo TutorialDec 15, 16
Last week, I moved our entire website from WordPress to GatsbyJS. For those curious as to my thought process, it was this.
- blogging with gatsbyby Drunken Coder TutorialJul 22, 16
I wanted to make a static blog that used react to render, and generated pages for noscript people (and SEO.) This is about my awesome gatsby starter you can use yourself.
- Static site generation with Gatsby.jsby Scott Nonnenberg PresentationApr 19, 16
What is Gatsby? It’s a node module which weaves together React.js, React-Router, webpack, and webpack-static-site-generator. You get a nice development experience with hot-reload for page contents, styles and page structure, and you’re working with the same markup as what is generated to disk for production builds. It’s as simple as running gatsby develop or gatsby build on the command-line.VIDEO