Nodachisoft Nodachisoft logo, Katana Sword Icon
  
@Amaji✎ Update December-19-2021

MyNote:Summary of changes in Gatsby versions, My website build time is changed

MyNote:Summary of changes in Gatsby versions, My website build time is changed

Abstract

This is a very brief reminder of the differences between each version of Gatsby.

Differences in 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!

Websites and references that were very helpful.

Page History

date modification
none
 
 
Message sent

Thank you for your message.

Something error has occured!

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_eng
Name:
 
Replay To:
 
Message:
 
Back
Check the content!

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:
 
Reply To:
 
Message:
 
Enter a confirmation key to make sure that you are not operating from a Robot.
Confirmation Key is 95
Back
 / 
Go to Confirmation
Entry fields
Go to Confirmation

There are 2 articles that may be relevant!

Easily decorate markdown text in Gatsby (underline, highlight, bold, etc.)

Easily decorate markdown text in Gatsby (underline, highlight, bold, etc.)

#Gatsby✎ 2021-01-30
Describes an easy way to decorate with Gatsby markdown. Apply underlining, highlighting, bolding, dotted lines, etc. to a portion of text without omitting html tags.
Table Of Contents
MyNote:Summary of changes in Gatsby versions, My website build time is changed
MyNote:Summary of changes in Gatsby versions, My website build time is changed
Abstract
Abstract
Differences in each version of Gatsby
Differences in each version of Gatsby
Websites and references that were very helpful.
Websites and references that were very helpful.
Page History
Page History
Nodachisoft © 2021