README

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.


  
    
  
  
    
  
  
    
  
  
    
  
  
    
  
  
    
  



  Quickstart
   · 
  Tutorial
   · 
  Plugins
   · 
  Starters
   · 
  Showcase
   · 
  Contribute
  
  Support: Discussions


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 Netlify and other similar services.

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 Netlify.



At the end of this process, you'll have

1. a site working on Netlify
2. a new repository that is linked to that new site
3. as you push changes to your new repository, Netlify 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.

   shell
   npm init gatsby
   

   Give it the name "My Gatsby Site".

2. Start the site in develop mode.

   Next, move into

Top issues

Discussions

Latest release

What's Changed

- Fix various regressions with Gatsby Head API, such as  not updating document.title by @serhalp and @pieh in https://github.com/gatsbyjs/gatsby/pull/39382

Full Changelog: https://github.com/gatsbyjs/gatsby/compare/[email protected]@5.16.1