Skip to content

Commit

Permalink
chore(docs): update readme (#29837)
Browse files Browse the repository at this point in the history
* Updated project main page to reference v3

* removed mention of contributing to v1, changed to referencing bug fixes only for v2

* Update README.md

* Update README.md

* Update README.md

* Update npm package readme

Aligns the npm package readme as carbon-copy of main repo.

* Reworks the thank you.

Lightly reworked—mind you.

Co-authored-by: pragmaticpat <sully317@gmail.com>
Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>
Co-authored-by: Lennart <lekoarts@gmail.com>
  • Loading branch information
4 people authored Mar 2, 2021
1 parent 89d3150 commit 69f538a
Show file tree
Hide file tree
Showing 2 changed files with 102 additions and 81 deletions.
43 changes: 23 additions & 20 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
</a>
</p>
<h1 align="center">
Gatsby v2
Gatsby v3
</h1>

<h3 align="center">
Expand Down Expand Up @@ -36,7 +36,7 @@
<img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
</a>
<a href="https://twitter.com/intent/follow?screen_name=gatsbyjs">
<img src="https://img.shields.io/twitter/follow/gatsbyjs.svg?label=Follow%20@gatsbyjs" alt="Follow @gatsbyjs" />
<img src="https://img.shields.io/twitter/follow/gatsbyjs.svg?label=Follow%20@gatsbyjs" alt="Follow @GatsbyJS" />
</a>
</p>

Expand All @@ -52,8 +52,8 @@
<a href="https://www.gatsbyjs.com/showcase/">Showcase</a>
<span> · </span>
<a href="https://www.gatsbyjs.com/contributing/how-to-contribute/">Contribute</a>
<span> · </span>
Support: <a href="https://twitter.com/AskGatsbyJS">Twitter</a>
<br />
Support: <a href="https://twitter.com/AskGatsbyJS">Twitter</a>, <a href="https://github.com/gatsbyjs/gatsby/discussions">Discussions</a>
<span> & </span>
<a href="https://gatsby.dev/discord">Discord</a>
</h3>
Expand All @@ -78,7 +78,7 @@ Gatsby is a modern web framework for blazing fast websites.

- **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 services like GitHub Pages and Netlify.
hosted entirely free on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/) and other similar services.

[**Learn how to use Gatsby for your next project.**](https://www.gatsbyjs.com/docs/)

Expand All @@ -88,8 +88,8 @@ Gatsby is a modern web framework for blazing fast websites.
- [Learning Gatsby](#-learning-gatsby)
- [Migration Guides](#-migration-guides)
- [How to Contribute](#-how-to-contribute)
- [License](#memo-license)
- [Thanks to Our Contributors and Sponsors](#-thanks)
- [License](#-license)
- [Thanks to Our Contributors](#-thanks)

## 🚀 Get Up and Running in 5 Minutes

Expand All @@ -107,22 +107,23 @@ You can get a new Gatsby site up and running on your local dev environment in 5
Get your Gatsby blog set up in a single command:

```shell
# create a new Gatsby site using the default starter
gatsby new my-blazing-fast-site
# Create a new Gatsby site using the interactive setup wizard
# Give it this name: My Gatsby site
gatsby new
```

3. **Start the site in `develop` mode.**

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

```shell
cd my-blazing-fast-site/
cd my-gatsby-site/
gatsby develop
```

4. **Open the source code and start editing!**

Your site is now running at `http://localhost:8000`. Open the `my-blazing-fast-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!
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](https://gatsbyjs.com/plugins/) and [the official tutorial](https://www.gatsbyjs.com/tutorial/).

Expand All @@ -132,18 +133,18 @@ Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/).

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/tutorial/).** 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](https://www.gatsbyjs.com/docs/).** In particular, check out the “<i>Guides</i>”, “<i>API Reference</i>”, and “<i>Advanced Tutorials</i>” sections in the sidebar.
- **To dive straight into code samples head [to our documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the “<i>How-to Guides</i>”, “<i>Reference</i>”, and “<i>Conceptual Guides</i>” sections in the sidebar.

We welcome suggestions for improving our docs. See the [“how to contribute”](https://www.gatsbyjs.com/contributing/how-to-contribute/) documentation for more details.

**Start Learning Gatsby: [Follow the Tutorial](https://www.gatsbyjs.com/tutorial/) · [Read the Docs](https://www.gatsbyjs.com/docs/)**

## 💼 Migration Guides

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

- [Migrate a Gatsby site from v1 to v2](https://www.gatsbyjs.com/docs/migrating-from-v1-to-v2/)
- Still on v0? Start here: [Migrate a Gatsby site from v0 to v1](https://www.gatsbyjs.com/docs/migrating-from-v0-to-v1/)
- [Migrate from v2 to v3](https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/)
- [Migrate from v1 to v2](https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v1-to-v2/)

## ❗ Code of Conduct

Expand All @@ -157,16 +158,18 @@ Check out our [**Contributing Guide**](https://www.gatsbyjs.com/contributing/how

### A note on how this repository is organized

This repository is a [monorepo](https://trunkbaseddevelopment.com/monorepos/) managed using [Lerna](https://github.com/lerna/lerna). This means there are [multiple packages](/packages) managed in this codebase, even though we publish them to NPM as separate packages.
This repository is a [monorepo](https://trunkbaseddevelopment.com/monorepos/) managed using [Lerna](https://github.com/lerna/lerna). This means there are [multiple packages](https://github.com/gatsbyjs/gatsby/tree/master/packages) managed in this codebase, even though we publish them to NPM as separate packages.

### Contributing to Gatsby v1
### Contributing to Gatsby v2

We are currently only accepting bug fixes for Gatsby v1. No new features will be accepted.
We are currently only accepting bug fixes for Gatsby v2. No new features will be accepted.

## :memo: License
## 📝 License

Licensed under the [MIT License](./LICENSE).

## 💜 Thanks

Thanks to our many contributors and to [Netlify](https://www.netlify.com/) for hosting [Gatsby](https://www.gatsbyjs.com) and our example sites.
Thanks goes 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.
140 changes: 79 additions & 61 deletions packages/gatsby/README.md
Original file line number Diff line number Diff line change
@@ -1,59 +1,67 @@
<p align="center">
<a href="https://gatsbyjs.com">
<a href="https://www.gatsbyjs.com">
<img alt="Gatsby" src="https://www.gatsbyjs.com/Gatsby-Monogram.svg" width="60" />
</a>
</p>
<h1 align="center">
Gatsby v2
Gatsby v3
</h1>

<h3 align="center">
⚛️ 📄 :rocket:
⚛️ 📄 🚀
</h3>
<h3 align="center">
Fast in every way that matters
</h3>
<p align="center">
<strong>Blazing fast modern site generator for React</strong><br>
Go beyond static sites: build blogs, e-commerce sites, full-blown apps, and more with Gatsby.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps
</p>
<p align="center">
<a href="https://github.com/gatsbyjs/gatsby/blob/master/LICENSE">
<img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="Gatsby is released under the MIT license." />
</a>
<a href="https://travis-ci.org/gatsbyjs/gatsby">
<img src="https://travis-ci.org/gatsbyjs/gatsby.svg?branch=master" alt="Current TravisCI build status." />
<a href="https://circleci.com/gh/gatsbyjs/gatsby">
<img src="https://circleci.com/gh/gatsbyjs/gatsby.svg?style=shield" alt="Current CircleCI build status." />
</a>
<a href="https://www.npmjs.org/package/gatsby">
<img src="https://img.shields.io/npm/v/gatsby.svg?style=flat-square" alt="Current npm package version." />
<a href="https://www.npmjs.com/package/gatsby">
<img src="https://img.shields.io/npm/v/gatsby.svg" alt="Current npm package version." />
</a>
<a href="https://npmcharts.com/compare/gatsby?minimal=true">
<img src="https://img.shields.io/npm/dm/gatsby.svg" alt="Downloads per month on npm." />
</a>
<a href="https://npmcharts.com/compare/gatsby?minimal=true">
<img src="https://img.shields.io/npm/dt/gatsby.svg" alt="Total downloads on npm." />
</a>
<a href="https://gatsbyjs.com/contributing/how-to-contribute/">
<img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
</a>
<a href="https://twitter.com/intent/follow?screen_name=gatsbyjs">
<img src="https://img.shields.io/twitter/follow/gatsbyjs.svg?label=Follow%20@gatsbyjs" alt="Follow @GatsbyJS" />
</a>
</p>

<h3 align="center">
<a href="https://gatsbyjs.com/docs/">Quickstart</a>
<span> · </span>
<a href="https://gatsbyjs.com/tutorial/">Tutorial</a>
<a href="https://www.gatsbyjs.com/docs/">Quickstart</a>
<span> · </span>
<a href="https://gatsbyjs.com/plugins/">Plugins</a>
<a href="https://www.gatsbyjs.com/tutorial/">Tutorial</a>
<span> · </span>
<a href="https://gatsbyjs.com/docs/gatsby-starters/">Starters</a>
<a href="https://www.gatsbyjs.com/plugins/">Plugins</a>
<span> · </span>
<a href="https://gatsbyjs.com/showcase/">Showcase</a>
<a href="https://www.gatsbyjs.com/starters/">Starters</a>
<span> · </span>
<a href="https://gatsbyjs.com/contributing/how-to-contribute/">Contribute</a>
<a href="https://www.gatsbyjs.com/showcase/">Showcase</a>
<span> · </span>
Support: <a href="https://twitter.com/AskGatsbyJS">Twitter</a>
<a href="https://www.gatsbyjs.com/contributing/how-to-contribute/">Contribute</a>
<br />
Support: <a href="https://twitter.com/AskGatsbyJS">Twitter</a>, <a href="https://github.com/gatsbyjs/gatsby/discussions">Discussions</a>
<span> & </span>
<a href="https://gatsby.dev/discord">Discord</a>
</h3>

Gatsby is a modern framework for blazing fast websites.
Gatsby is a modern web framework for blazing fast websites.

- **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,
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.

- **Use a Modern Stack for Every Site.** No matter where the data comes from, Gatsby sites are
Expand All @@ -65,93 +73,103 @@ Gatsby is a modern framework for blazing fast websites.
to load your data, then develop using Gatsby’s uniform GraphQL interface.

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

- **Host at Scale for Pennies.** Gatsby sites don’t require servers, so you can host your entire
- **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 services like GitHub Pages and Netlify.
hosted entirely free on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/) and other similar services.

[**Learn how to use Gatsby for your next project.**](https://gatsbyjs.com/docs/)
[**Learn how to use Gatsby for your next project.**](https://www.gatsbyjs.com/docs/)

## What’s In This Document

- [Get Up and Running in 5 Minutes](#-get-up-and-running-in-5-minutes)
- [Learning Gatsby](#-learning-gatsby)
- [Migration Guides](#-migration-guides)
- [How to Contribute](#-how-to-contribute)
- [Thanks to Our Contributors and Sponsors](#-thanks-to-our-contributors-and-sponsors)
- [License](#-license)
- [Thanks to Our Contributors](#-thanks)

## 🚀 Get Up and Running in 5 Minutes

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

1. **Install the Gatsby CLI.**

1. **Create a Gatsby site from a Gatsby starter.**
```shell
npm install -g gatsby-cli

Get your Gatsby blog set up in a single command:
```

```shell
# create a new Gatsby site using the default starter
gatsby new my-blazing-fast-site
```
2. **Create a Gatsby site from a Gatsby starter.**

2. **Start the site in `develop` mode.**
Get your Gatsby blog set up in a single command:

Next, move into your new site’s directory and start it up:
```shell
# Create a new Gatsby site using the interactive setup wizard
# Give it this name: My Gatsby site
gatsby new
```

```shell
cd my-blazing-fast-site/
npm run develop
```
3. **Start the site in `develop` mode.**

3. **Open the source code and start editing!**
Next, move into your new site’s directory and start it up:

Your site is now running at `http://localhost:8000`. Open the `my-blazing-fast-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!
```shell
cd my-gatsby-site/
gatsby develop
```

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](https://gatsbyjs.com/plugins/) and [the official tutorial](https://gatsbyjs.com/tutorial/).
4. **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](https://gatsbyjs.com/plugins/) and [the official tutorial](https://www.gatsbyjs.com/tutorial/).

## 🎓 Learning Gatsby

Full documentation for Gatsby lives [on the website](https://gatsbyjs.com/).
Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/).

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://gatsbyjs.com/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/tutorial/).** 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](https://gatsbyjs.com/docs/).** In particular, check out the “Guides”, API reference, and “Advanced Tutorials” sections in the sidebar.
- **To dive straight into code samples head [to our documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the “<i>How-to Guides</i>”, “<i>Reference</i>”, and “<i>Conceptual Guides</i>” sections in the sidebar.

We welcome suggestions for improving our docs. See the [“how to contribute”](https://gatsbyjs.com/contributing/how-to-contribute/) documentation for more details.
We welcome suggestions for improving our docs. See the [“how to contribute”](https://www.gatsbyjs.com/contributing/how-to-contribute/) documentation for more details.

**Start Learning Gatsby: [Follow the Tutorial](https://gatsbyjs.com/tutorial/) · [Read the Docs](https://gatsbyjs.com/docs/)**
**Start Learning Gatsby: [Follow the Tutorial](https://www.gatsbyjs.com/tutorial/) · [Read the Docs](https://www.gatsbyjs.com/docs/)**

## 💼 Migration Guides

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

- [Migrate from v2 to v3](https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/)
- [Migrate from v1 to v2](https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v1-to-v2/)

## ❗ Code of Conduct

- [Migrate a Gatsby site from v1 to v2](https://gatsbyjs.com/docs/migrating-from-v1-to-v2/)
- Still on v0? Start here: [Migrate a Gatsby site from v0 to v1](https://gatsbyjs.com/docs/migrating-from-v0-to-v1/)
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**](https://www.gatsbyjs.com/contributing/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! :muscle::purple_heart:

Check out our [contributor onboarding docs](https://gatsbyjs.com/contributing/how-to-contribute/) for ideas on contributing and setup steps for getting our repos up and running on your local machine.
Check out our [**Contributing Guide**](https://www.gatsbyjs.com/contributing/how-to-contribute/) for ideas on contributing and setup steps for getting our repositories up and running on your local machine.

[**Read the Contributing Guide**](https://gatsbyjs.com/contributing/how-to-contribute/)

### Code of Conduct
### A note on how this repository is organized

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](https://gatsbyjs.com/contributing/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. 💪💜
This repository is a [monorepo](https://trunkbaseddevelopment.com/monorepos/) managed using [Lerna](https://github.com/lerna/lerna). This means there are [multiple packages](https://github.com/gatsbyjs/gatsby/tree/master/packages) managed in this codebase, even though we publish them to NPM as separate packages.

[**Read the Code of Conduct**](https://gatsbyjs.com/contributing/code-of-conduct/)
### Contributing to Gatsby v2

### A note on how this repository is organized
We are currently only accepting bug fixes for Gatsby v2. No new features will be accepted.

This repository is a [monorepo](https://trunkbaseddevelopment.com/monorepos/) managed using [Lerna](https://github.com/lerna/lerna). This means there are [multiple packages](/plugins) managed in this codebase, even though we publish them to NPM as separate packages.
## 📝 License

### Contributing to Gatsby v1
Licensed under the [MIT License](./LICENSE).

We are currently only accepting bug fixes for Gatsby v1. No new features will be accepted.
## 💜 Thanks

## 💜 Thanks to Our Contributors and Sponsors
Thanks goes 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.

Thanks to our many contributors and sponsors as well as the companies sponsoring
our testing and hosting infrastructure: [Travis CI](https://travis-ci.com/), [Appveyor](https://www.appveyor.com/), and [Netlify](https://www.netlify.com/).
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.

0 comments on commit 69f538a

Please sign in to comment.