This is a very brief reminder of the differences between each version of Gatsby.
This is a super overview only for me.
For more details and accurate primary information, please refer to the official page linked in the reference section below.
| Version / Release | Overview |
|---|---|
| v1 / July 2017 | - Based on React 15, uses GraphQL during SSR build |
| v2 / September 2018 | - build time up to 3-4x since v1 - 31% smaller JavaScript size during build since v1 libraries used: webpack 4, Babel 7, React 16.5. works with Nodejs version 10 and above. |
| v3 / March 2021 | - Incremental builds (so that page data is regenerated when templates are updated, etc.) are now available as standard in development mode - Development mode now displays clear error information - Libraries used changed to webpack 5, React 17, GraphQL 15. Now works with Nodejs version 12 and above - React v17 enables useful new React features such as useHook - gatsby-image has been deprecated in favor of gatsby-plugin-image. With it, the use of IMG tags in JSX and TSX is deprecated. |
| v4 / October 2021 | - Deferred Static Generation (DSG) feature dynamically generates page data on access - Parallel query execution reduces build time by up to 40 percent - Changed libraries used to webpack 5, React 17, GraphQL 15. Now works with Nodejs version 14 and above - React v17 enables useful new React features such as useHook - gatsby-image is deprecated and gatsby-plugin-image is used. As a result, the use of IMG tags in JSX and TSX has been deprecated. |
Note that this blog has about 200 articles and there are a lot of heavy images on it, and it used to take about 10 minutes to build in Gatsby v2, but after updating to Gatsby v4, it took about 2 minutes.
I'm glad I updated to Gatsby v4 because it is so much faster!
| date | modification |
|---|---|
| none |
Thank you for your message.
Sorry. The Error has occurred.We apologize for the inconvenience.Please try again in a few minutes or contact us via DM below.
Twitter:@NodachiSoft_engName:Send the following information to us. If you are happy with your submission, please click "Send". If you want to modify it, please click "Back".
Name:
