GatsbyJS and create-react-app are similar in that can help you set up an application and removes much of the configuration headache. However, GatsbyJS offers more like backed in performance optimizations and static rendering without the need for a server and a thriving ecosystem of plugins.
|Code and data splitting|
|SEO Friendly App|
|Unified Data Layer|
GatsbyJS provides code and data splitting out-of-the-box. It loads your critical HTML and CSS, then prefetches resources for other pages. That way, clicking around feels so fast. Additionally, it offers things like:
GatsbyJS unifies all data sources into one layer using GraphQL
With GatsbyJS's flexible plugin system, it lets you bring your data source. From anywhere like CMS, database, or filesystem and makes it queriable through GraphQL.
This course Guides you to port your existing create-react-app project to GatsbyJS by reusing as much code from the project as you can. It explains the difference between the two. The course also helps you to understand GatsbyJS and how it works, so if you want to learn GatsbyJS, this course is for you. If this is your first working with React in general, then this course might not be a good fit for you.
This course will guide through the process of porting a create-react-app to GatsbyJS. It will cover topics like.