Gatsby Cloud with CosmicJS
Create and build an application using GatsbyJS and CosmicJS, deployed with Gatsby Cloud
Watch Promo
If you are working with GatsbyJS (a React based open source framework to creating amazing Jamstack experiences) and you are after fast build cycles, and easy management of your GatsbyJS app, then look no further: Gatsby Cloud is here to save you!
Gatsby Cloud has a myriad of features and integrations that can be leveraged by every Jamstack developer. It has out-of-box integrations with headless content management systems and in this course we take a look at one that goes by the name of CosmicJS.
During the video course we build a GatsbyJS application that utilises CosmicJS (which is an API based headless CMS that has great GraphQL support). Taking this course will mean that you'll become familiar with the workings on CosmicJS, learn how it can be integrated with GatsbyJS.
Finally, in the last section, we take a look at how to use Gatsby Cloud and do a deployment of our application - keeping all the integration with the CMS intact.
By completing this course you will become familiar with building and deploying a GatsbyJS site to Gatsby Cloud while setting up and configuring CosmicJS as a headless CMS.
Please note that previous knowledge of GatsbyJS is advised. If you're new to GatsbyJS take the following course which has an introduction on GatsbyJS: Create an E-Commerce App with Gatsby.
Your Instructor
Tamas is a Google Developer Expert in Web Technologies and a Developer Evangelist. He has more than a decade of experience delivering technical training to large, prestigious organisations. Throughout his career, he has delivered presentations and training classes all over the world. His passionate about unlocking the latest & greatest features of web development.
Course Curriculum
-
StartCreate a Project with GatsbyJS (2:19)
-
StartAdding / Removing Plugins for GatsbyJS (3:41)
-
StartSetup TailwindCSS (2:33)
-
StartCreating the Basic App Structure (4:34)
-
StartIntegrate CosmicJS with GatsbyJS (5:07)
-
StartProgrammatically Generate the Main Page in GatsbyJS - Part 1 (6:46)
-
StartProgrammatically Generate the Main Page in GatsbyJS - Part 2 (6:53)
-
StartProgrammatically Generate the Main Page in GatsbyJS - Part 3 (8:14)
-
StartProgrammatically Generate Subpages in GatsbyJS (6:23)
Frequently Asked Questions
Get started with the Jamstack today! Becoming hands-on with technologies and services being heavily utilised by Jamstack projects will give you first-class experience of the stack. You will gain valuable knowledge and be able to apply your newly gathered skills in different projects.