Gatsby - Blazing fast static site generator for React

  •        73

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

It has rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system & more directly into your pages using GraphQL.

https://www.gatsbyjs.org
https://github.com/gatsbyjs/gatsby

Tags
Implementation
License
Platform

   




Related Projects

gray-matter - Smarter yaml front matter parser, used by metalsmith, gatsby, netlify, assemble, mapbox-gl, phenomic, and many others

  •    Javascript

Parse front-matter from a string or file. Fast, reliable and easy to use. Parses YAML front matter by default, but also has support for YAML, JSON, TOML or Coffee Front-Matter, with options to set custom delimiters. Used by metalsmith, assemble, verb and many other projects. Please consider following this project's author, Jon Schlinkert, and consider starring the project to show your ❤️ and support.

Hugo - A Fast and Flexible Static Site Generator built with love in GoLang

  •    Go

A Fast and Flexible Static Site Generator built with love by spf13 and friends in Go.Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo is designed to work well for any kind of website including blogs, tumbles, and docs.

gutenberg - A fast static site generator in a single binary with everything built-in.

  •    Rust

A fast static site generator in a single binary with everything built-in. Documentation is available on its site or in the docs/content folder of the repository.

Wyam - A modular static content and static site generator.

  •    CSharp

Wyam is a simple to use, highly modular, and extremely configurable static content generator that can be used to generate web sites, produce documentation, create ebooks, and much more. Since everything is configured by chaining together flexible modules (that you can even write yourself), the only limits to what it can create are your imagination. For more information see Wyam.io.

react-static - ⚛️ 🚀 A progressive static site generator for React.

  •    Javascript

A progressive static-site generator for React. React-Static is a fast, lightweight, and powerful framework for building static-progressive React applications and websites. It's been carefully designed to meet the highest standards of SEO, site performance, and user/developer experience.


gatsby-style-guide-guide - A boilerplate for creating your own custom style guide

  •    Javascript

Style Guide Guide is a boilerplate for creating a custom style guide for your organization's design system. It provides just enough IA and hooks to get you going. As a bonus, I've provided links to helpful resources and inspiration to help you as you create your own custom style guide. Gatsby Style Guide Guide is built using Gatsby, a site generator built with React.

nextein - A static site generator with markdown + react for Next.js

  •    Javascript

nextein is a wrapper around next.js that allows you to write static sites using markdown and react. NodeJS v8.x+ is required to run nextein commands.

cuttlebelle - The react static site generator that separates editing and code concerns

  •    HTML

All static site generators I have used restrict you to use one layout per page. Todays webdesign needs have outgrown this and we often find ourself either adding code into our content pages (markdown files, liquid templates) or content into our code. That makes updating and maintaining a page hard, especially for a non-technical content author. I needed a generator that can separate content from code as cleanly as possible while still staying a static site generator and as dynamic as possible.

Jekyll - Simple, Blog-aware, Static Site Generator

  •    Ruby

Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through Markdown (or Textile) and Liquid converters, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Jekyll also happens to be the engine behind GitHub Pages.

metalsmith - An extremely simple, pluggable static site generator.

  •    Javascript

An extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together. Here's what the simplest blog looks like...

jekyll - :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

  •    Ruby

Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories. Jekyll does what you tell it to do — no more, no less. It doesn't try to outsmart users by making bold assumptions, nor does it burden them with needless complexity and configuration. Put simply, Jekyll gets out of your way and allows you to concentrate on what truly matters: your content.

JBake - Jekyll of the JVM

  •    Java

JBake is a Java based, open source, static site/blog generator for developers & designers.

Pelican -Static Site Generator Written in Python

  •    Python

Pelican is a static site generator, written in Python. It helps to write your weblog entries directly with your editor of choice (vim!) in reStructuredText or Markdown. It supports Code syntax highlighting, Blog articles and pages, Comments, Theming support, Atom/RSS feeds and lot more.

gatsby-mdx - Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects

  •    Javascript

Gatsby-MDX is a fully featured MDX transformer, runtime, and ecosystem integrations for ambitious projects. It integrates MDX with Gatsby to enable rich JAMStack applications. Using gatsby-mdx you can build interactive software documentation sites, apply design system components to rendered markdown and more... See CONTRIBUTING.md.

react-snapshot - A zero-configuration static pre-renderer for React apps

  •    Javascript

Server-side rendering is a big feature of React, but for most apps it can be more trouble than its worth. Personally, I think the sweet spot is taking static site snapshots of all your publicly-accessible pages & leaving anything requiring authentication as a normal, JS-driven Single Page App. This is a project to do that. Automatically, without any configuration, just smart defaults. Retrospective progressive enhancement.

pelican - Static site generator that supports Markdown and reST syntax. Powered by Python.

  •    Python

Pelican is a static site generator, written in Python. Check out Pelican's documentation for further information.

wintersmith - A flexible static site generator

  •    CoffeeScript

Wintersmith is a simple yet flexible static site generator. It takes contents (markdown, less, scripts, etc), transforms them using plugins and outputs a static website (html, css, images, etc) that you can host anywhere. Where <path> is the location you want the site to be generated. This creates a skeleton site with a basic set of templates and some articles, while not strictly needed it's a good starting point.

hugo-lambda - Use AWS Lambda to run the Hugo static site generator

  •    CSS

A wrapper around the hugo static site generator to have it run in AWS Lambda whenever new (markdown or other) content is uploaded. See a tutorial here. So why go to all this trouble? Because running a CMS like Wordpress, Drupal, and others gets expensive for infrequently edited sites. You pay 24/7 to run all the code to let you edit your site, when that code only runs when you update your blog. Static site generators are cheaper to run (just toss the files somewhere) but if you're not at the computer you normally use to edit and publish content, you may not have all your tools.

jekyll-scholar - jekyll extensions for the blogging scholar

  •    Gherkin

Jekyll-Scholar is for all the academic bloggers out there. It is a set of extensions to Jekyll, the awesome, blog aware, static site generator; it formats your bibliographies and reading lists for the web and gives your blog posts citation super-powers. Note that it is not possible to use this plugin with the default Github pages workflow. Github does not allow any but a few select plugins to run for security reasons, and Jekyll-Scholar is not among them. You will have to generate your site locally and push the results to the master resp. gh-pages branch of your site repository. You can keep sources, configuration and plugins in a separate branch; see e.g. here for details.