• Stars
    star
    55,159
  • Rank 195 (Top 0.01 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 9 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The best React-based framework with performance, scalability and security built in.

Gatsby

Gatsby

The future of web development is here.

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
It combines the control and scalability of dynamically rendered sites with the speed of static-site generation, creating a whole new web of possibilities.

Gatsby is released under the MIT license. Current CircleCI build status. Current npm package version. Downloads per month on npm. Total downloads on npm. PRs welcome! Follow @GatsbyJS

Gatsby helps professional developers efficiently create maintainable, highly-performant, content-rich websites.

  • Load Data From Anywhere. Gatsby pulls in data from any data source, whether it’s Markdown files, a headless CMS like Contentful or WordPress, or a REST or GraphQL API. Use source plugins to load your data, then develop using Gatsby’s uniform GraphQL interface.

  • Go Beyond Static Websites. Get all the benefits of static websites with none of the limitations. Gatsby sites are fully functional React apps, so you can create high-quality, dynamic web apps, from blogs to e-commerce sites to user dashboards.

  • Choose your Rendering Options. You can choose alternative rendering options, namely Deferred Static Generation (DSG) and Server-Side Rendering (SSR), in addition to Static Site Generation (SSG) — on a per-page basis. This type of granular control allows you to optimize for performance and productivity without sacrificing one for the other.

  • Performance Is Baked In. Ace your performance audits by default. Gatsby automates code splitting, image optimization, inlining critical styles, lazy-loading, prefetching resources, and more to ensure your site is fast — no manual tuning required.

  • Use a Modern Stack for Every Site. No matter where the data comes from, Gatsby sites are built using React and GraphQL. Build a uniform workflow for you and your team, regardless of whether the data is coming from the same backend.

  • Host at Scale for Pennies. Gatsby sites don’t require servers, so you can host your entire site on a CDN for a fraction of the cost of a server-rendered site. Many Gatsby sites can be hosted entirely free on Gatsby Cloud and other similar services.

  • Use Gatsby's Centralized Data Layer Everywhere. With Gatsby's Valhalla Content Hub you can bring Gatsby's data layer to any project. Making it accessible via a unified GraphQL API for building content sites, eCommerce platforms, and both native and web applications.

Learn how to use Gatsby for your next project.

🚀 Ship your first Gatsby site in 5 Minutes

Click the link below to quickly try the workflow of developing, building, and deploying websites with Gatsby and Gatsby Cloud.

Deploy to Gatsby Cloud

At the end of this process, you'll have

  1. a site working on Gatsby Cloud
  2. a new repository that is linked to that new site
  3. as you push changes to your new repository, Gatsby Cloud will automatically rebuild and redeploy your site!

💻 Get started with Gatsby locally in 5 Minutes

You can get a new Gatsby site up and running on your local dev environment in 5 minutes with these four steps:

  1. Initialize a new project.

    npm init gatsby

    Give it the name "My Gatsby Site".

  2. Start the site in develop mode.

    Next, move into your new site’s directory and start it up:

    cd my-gatsby-site/
    npm run develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000. Open the my-gatsby-site directory in your code editor of choice and edit src/pages/index.js. Save your changes, and the browser will update in real time!

At this point, you’ve got a fully functional Gatsby website. For additional information on how you can customize your Gatsby site, see our plugins and the official tutorial.

🎓 Learning Gatsby

Full documentation for Gatsby lives on the website.

  • For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.

  • To dive straight into code samples head to our documentation. In particular, check out the “How-to Guides”, “Reference”, and “Conceptual Guides” sections in the sidebar.

We welcome suggestions for improving our docs. See the “how to contribute” documentation for more details.

Start Learning Gatsby: Follow the Tutorial · Read the Docs

🚢 Release Notes

Wondering what we've shipped recently? Check out our release notes for key highlights, performance improvements, new features, and notable bugfixes.

Also, read our documentation on version support to understand our plans for each version of Gatsby.

💼 Migration Guides

Already have a Gatsby site? These handy guides will help you add the improvements of Gatsby v5 to your site without starting from scratch!

❗ Code of Conduct

Gatsby is dedicated to building a welcoming, diverse, safe community. We expect everyone participating in the Gatsby community to abide by our Code of Conduct. Please read it. Please follow it. In the Gatsby community, we work hard to build each other up and create amazing things together. 💪💜

🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Gatsby community!

Check out our Contributing Guide for ideas on contributing and setup steps for getting our repositories up and running on your local machine.

A note on how this repository is organized

This repository is a monorepo managed using Lerna. This means there are multiple packages managed in this codebase, even though we publish them to NPM as separate packages.

📝 License

Licensed under the MIT License.

💜 Thanks

Thanks go out to all our many contributors creating plugins, starters, videos, and blog posts. And a special appreciation for our community members helping with issues and PRs, or answering questions on Discord and GitHub Discussions.

A big part of what makes Gatsby great is each and every one of you in the community. Your contributions enrich the Gatsby experience and make it better every day.

More Repositories

1

gatsby-starter-blog

Gatsby starter for creating a blog
JavaScript
3,487
star
2

gatsby-starter-default

The default Gatsby starter
JavaScript
1,389
star
3

gatsby-starter-hello-world

Starter with the bare essentials needed for a Gatsby site
JavaScript
639
star
4

store.gatsbyjs.org

The Gatsby store for swag and other Gatsby goodies.
JavaScript
603
star
5

gatsby-source-wordpress-experimental

The upcoming v4 of gatsby-source-wordpress, currently in beta
JavaScript
385
star
6

gatsby-docker

Docker image that builds and hosts a Gatsby site
Shell
358
star
7

gatsby-starter-shopify

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

desktop

TypeScript
222
star
9

wp-gatsby

WordPress plugin for gatsby-source-wordpress
PHP
167
star
10

gatsby-ja

Japanese translation of Gatsbyjs.org
JavaScript
151
star
11

gatsby-pt-BR

Brazilian Portuguese translation of Gatsbyjs.org
JavaScript
150
star
12

themes

This is a repo for Gatsby's official themes.
JavaScript
141
star
13

gatsby-starter-blog-theme

Starter for using the official gatsby blog theme
JavaScript
121
star
14

gatsby-starter-wordpress-blog

CSS
102
star
15

rfcs

RFCs for changes to Gatsby
85
star
16

gatsby-graphql-toolkit

TypeScript
79
star
17

gatsby-source-shopify

TypeScript
67
star
18

gatsby-starter-documentation

This starter is for Gatsby v0 and is not maintained
JavaScript
67
star
19

gatsby-starter-wordpress-homepage

JavaScript
63
star
20

gatsby-starter-theme-workspace

JavaScript
62
star
21

gatsby-starter-contentful-homepage

JavaScript
53
star
22

gatsby-starter-theme

A Gatsby theme starter using the official blog theme, and the official notes theme
JavaScript
52
star
23

api.gatsbyjs.org

The API for the Gatsby swag store.
JavaScript
47
star
24

tutorial-example

The example project built by following the Gatsby Tutorial: https://gatsbyjs.com/docs/tutorial/
JavaScript
45
star
25

gatsby-es

Gatsby documentation in Spanish
JavaScript
41
star
26

gatsby-starter-kontent-ai-homepage

JavaScript
39
star
27

gatsby-id

Indonesian translation of Gatsbyjs.org
JavaScript
36
star
28

gatsby-starter-kontent-ai-homepage-ts

TypeScript
34
star
29

gatsby-starter-landing-page

Create custom landing pages using Gatsby and Contentful
JavaScript
34
star
30

gatsby-ko

Korean translation of Gatsbyjs.org
JavaScript
30
star
31

mdx-deck-theme

The theme we use for Gatsby-related slide decks powered by `mdx-deck`
HTML
27
star
32

gatsby-starter-minimal

JavaScript
26
star
33

gatsby-starter-notes-theme

Starter for using the official gatsby notes theme
JavaScript
20
star
34

gatsby-starter-drupal-homepage

JavaScript
20
star
35

gatsby-ru

Gatsby documentation in Russian
JavaScript
20
star
36

gatsby-zh-Hans

Simplified Chinese translation of Gatsbyjs.org
JavaScript
19
star
37

gatsby-fr

French translation of Gatsbyjs.org
JavaScript
19
star
38

homepage-starters

Development setup for homepage starters with multiple CMS backends
JavaScript
18
star
39

gatsby-starter-datocms-homepage

JavaScript
16
star
40

gatsby-functions-beta

A showcase of Gatsby Functions for the public beta
JavaScript
15
star
41

gatsby-starter-kitchen-sink

This starter is for Gatsby v0 and is not maintained
JavaScript
13
star
42

peril-gatsbyjs

This repo houses the settings for Peril.
TypeScript
13
star
43

gatsby-starter-sanity-homepage

Create a homepage with Gatsby and Sanity
JavaScript
11
star
44

themejam.gatsbyjs.org

Website for the Gatsby Theme Jam
JavaScript
11
star
45

gatsby-starter-blog-theme-core

JavaScript
10
star
46

gatsby-starter-contentful-homepage-ts

TypeScript
9
star
47

gatsby-pl

Polish translation of Gatsbyjs.org
JavaScript
9
star
48

react-18-ecommerce-demo

gatsby-starter-shopify with react 18 features
JavaScript
9
star
49

gatsby-starter-minimal-ts

TypeScript
9
star
50

gatsby-hi

Hindi translation of Gatsbyjs.org
JavaScript
8
star
51

gatsby-starter-plugin

JavaScript
8
star
52

gatsby-starter-rendering-modes

An example starter using new rendering modes in Gatsby 4
JavaScript
7
star
53

gatsby-it

Italian translation of Gatsbyjs.org
JavaScript
7
star
54

gatsby-bn

Bengali translation of Gatsbyjs.org
JavaScript
7
star
55

gatsby-starter-sanity-homepage-ts

Create a homepage with Gatsby and Sanity
TypeScript
7
star
56

gatsby-tr

Turkish translation of Gatsbyjs.org
JavaScript
7
star
57

gatsby-i18n-source

Source repo for gatsbyjs.org translation
JavaScript
6
star
58

gatsby-starter-wordpress-homepage-ts

TypeScript
6
star
59

gatsby-web-creators

A repository of live coding examples from the Gatsby Web Creators livestream series
HTML
5
star
60

gatsby-partial-hydration-starter

Example on how to implement partial hydration in Gatsby
JavaScript
5
star
61

gatsby-de

German translation of Gatsbyjs.org
JavaScript
4
star
62

gatsby-starter-slices

A starter showcasing Gatsby 5 and Slices
JavaScript
4
star
63

gatsby-starter-mdx-basic

This functionality is now built into Gatsby. Run `npm init gatsby` from the command line and choose MDX as the data source to get started.
CSS
4
star
64

webinar-using-mdx

Sample repository implementing MDX pages in a new Gatsby site
CSS
4
star
65

gatsby-zh-Hant

Traditional Chinese translation of Gatsbyjs.org
JavaScript
3
star
66

gatsby-fi

Finnish translation of Gatsbyjs.org
JavaScript
3
star
67

will-it-generate

A utility to generate benchmark data of varying sizes with similar complexity
JavaScript
3
star
68

gatsby-provision-contentful

Provision Contentful Content for your Gatsby site
JavaScript
3
star
69

vscode-extension

Experimental vscode extension to improve your Gatsby experience
TypeScript
2
star
70

gatsby-vi

Vietnamese translation of Gatsbyjs.org
JavaScript
2
star
71

gatsby-starter-drupal-homepage-ts

TypeScript
2
star
72

gatsby-nl

Dutch translation of Gatsbyjs.org
JavaScript
2
star
73

gatsby-mn

Mongolian translation of Gatsbyjs.org
JavaScript
1
star
74

gatsby-en

(THIS IS A TEST REPOSITORY) English translation of Gatsbyjs.org
1
star
75

gatsby-fa

Persian translation of Gatsbyjs.org
JavaScript
1
star
76

gatsby-dev-sites-proxy

Proxies sites built for PRs from their S3 bucket
JavaScript
1
star
77

gatsby-starter-datocms-homepage-ts

TypeScript
1
star
78

gatsby-ca

Catalan translation of Gatsbyjs.org
JavaScript
1
star