JavaScript Gatsby

Open-source JavaScript projects categorized as Gatsby

Top 23 JavaScript Gatsby Projects

  • Gatsby

    The fastest frontend for the headless web. Build modern websites with React.

    Project mention: sql-export - create .md / .json files from database content | | 2022-11-25

    Hugo (and other SSG, such as Gatsby, Next.js, and other) are great tools to generate static and very fast websites (which are highly rated by google and comfortable for users). But if you have source data in SQL database, you need to generate thousands of markdown files (e.g. one file for each item you are selling)

  • github-profile-readme-generator

    🚀 Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

    Project mention: #gitPanic - Documentation and Profiles | | 2022-11-18

    GitHub Profile README Generator

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • mdx-deck

    ♠️ React MDX-based presentation decks

  • medium-to-own-blog

    Switch from Medium to your own blog in a few minutes

    Project mention: Show HN: Switch from Medium to your own blog (2019) | | 2022-05-30
  • gray-matter

    Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author:

    Project mention: NextJS 13 Blog Starter | | 2022-11-14

    In order to get post information (such as author, title, date, etc.) from our HTML without having them be apart of our rendered post we need a way to parse YAML front matter, this is where gray-matter comes in hand.


    💾 ‎ Personal website running on Gatsby, React, and Node.js.

    Project mention: Best things to focus on ? 2022 | | 2022-10-29

    If you want the portfolio site to be a big part of how you market yourself, look at some other professional's successful portfolio sites as a jumping off point to model yours off of. Here are a couple I bookmarked when I started working on mine that I liked the style of (you should look yourself and find what fits with your personality):

  • gatsby-simplefolio

    ⚡️ A minimal Gatsby portfolio template for Developers

    Project mention: My first portfolio template with pure CSS | | 2022-07-10

    Here the link to the original template:

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • gatsby-starter-default

    The default Gatsby starter

    Project mention: Install Tailwind CSS V3 in GatsbyJS | | 2022-09-07

    module.exports = { siteMetadata: { title: `Gatsby Default Starter`, description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`, author: `@gatsbyjs`, siteUrl: ``, }, plugins: [ `gatsby-plugin-image`, 'gatsby-plugin-postcss', { resolve: `gatsby-source-filesystem`, options: { name: `images`, path: `${__dirname}/src/images`, }, }, `gatsby-transformer-sharp`, `gatsby-plugin-sharp`, { resolve: `gatsby-plugin-manifest`, options: { name: `gatsby-starter-default`, short_name: `starter`, start_url: `/`, background_color: `#663399`, // This will impact how browsers show your PWA/website // // theme_color: `#663399`, display: `minimal-ui`, icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site. }, }, ], }

  • gatsby-starter-minimal-blog

    Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

  • gatsby-starter-ghost

    A starter template to build lightning fast websites with Ghost & Gatsby

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

    Project mention: React Portfolio Template V3.0 | | 2022-07-25

    Project - Release Notes -

  • gatsby-digital-garden

    🌷 🌻 🌺 Create a digital garden with Gatsby

  • sol-journal

    ✎ Simple, personal journaling progressive web app

    Project mention: Self hosted journal app (like Sol Journal)? | | 2022-07-24

    I found Sol Journal, but can't get Gatsby to work... (At all. 😔)

  • gatsby-starter-wordpress

    LOOKING FOR MAINTAINER - - - A GatsbyJS starter template that leverages the WordPress API, ACF and more

  • gatsby-starter-portfolio-jodie

    Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.

  • gatsby-remark-vscode

    Gatsby plugin to provide VS Code’s syntax highlighting to Markdown code fences

  • gatsby-remark-embedder

    Gatsby Remark plugin to embed well known services by their URL.

  • gatsby-starter-shopify

    A Gatsby starter using the latest Shopify plugin showcasing a store with product overview, individual product pages, and a cart

    Project mention: What your process like building Shopify Theme with Gatsby? | | 2022-06-23

    Link to your store Follow these instructions here to link your Shopify store. Create a .env file with your Shopify store URL, password, and Storefront access token, using the .env.example file as an example. If you want to try with a development store, see the sample data and instructions here.


    My personal website

  • gatsby-starter-portfolio-minimal

    A Gatsby Starter to create a clean one-page portfolio with Markdown content.

  • gatsby-starter-delog

    A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo

    Project mention: Why Gatsby is very good for bloggers? | | 2022-10-22

    I initialized a new project with this starter by running: gatsby new blog This command downloads the files and initializes the site by running npm install.

  • gatsby-source-ghost

    Source plugin for pulling data into Gatsby.js from the Ghost Public API.

    Project mention: How to optimise remote images in Gatsby | | 2022-05-02

    Next, we should get our source plugin where we'll pull content into our Gatsby site. For this tutorial we'll use gatsby-source-ghost to pull content from a Ghost blog, but feel free to use any other source plugin.


    The official website of the Rocky Linux project.

    Project mention: The duplicated EAR content paragraph on Rocky's download page | | 2022-02-19
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-11-25.

JavaScript Gatsby related posts


What are some of the best open-source Gatsby projects in JavaScript? This list will help you:

Project Stars
1 Gatsby 53,876
2 github-profile-readme-generator 13,508
3 mdx-deck 10,965
4 medium-to-own-blog 3,024
5 gray-matter 2,883
6 1,732
7 gatsby-simplefolio 1,558
8 gatsby-starter-default 1,365
9 gatsby-starter-minimal-blog 1,030
10 gatsby-starter-ghost 960
11 react-portfolio-template 762
12 gatsby-digital-garden 570
13 sol-journal 517
14 gatsby-starter-wordpress 394
15 gatsby-starter-portfolio-jodie 317
16 gatsby-remark-vscode 295
17 gatsby-remark-embedder 285
18 gatsby-starter-shopify 275
19 256
20 gatsby-starter-portfolio-minimal 190
21 gatsby-starter-delog 188
22 gatsby-source-ghost 171
23 145
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.