Video: Build a Cosmic JS-powered blog using Gatsby


Thanks to those who attended the live Twitch stream of Jason Lengstorf and Tony Spiro building a Cosmic-powered Gatsby application. In the stream, Tony and Jason pair program a basic Gatsby application from scratch. In case you missed it, the video and resources are available below. 


The Main Points Discussed Are:

✅ Creating a Cosmic JS website
✅ Adding content
✅ Displaying content on a Gatsby website
✅ Building dynamic header and footers


Video: Build a Cosmic JS-powered blog using Gatsby


Resources to build apps with Cosmic JS and Gatsby:

Cosmic JS Gatsby Source Plugin
Cosmic JS Gatsby Starter
Gatsby Localization Starter
Webinar Video: Localization with Cosmic JS and Gatsby


Conclusion

If you have any comments or questions about building apps with Cosmic JS, reach out to us on Twitter and join the conversation on Slack.

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


Upload media to your Cosmic JS Bucket using Multer.
In this tutorial I'm going to show you how to create a "Conference" app using a little bit of Node, and Cosmic JS.
Cosmic JS empowers developers and content editors by giving them the tools they need to accomplish their jobs in concert with one another.
Thanks to all who attended our first webinar / AMA last week. There was some great engagement and questions that helped steer the screen-share webinar for users in the Cosmic Community as well as first-time visitors to the system. If you missed it, check out the video and attend our next one.
In this blog we'll quickstart a React Native Cross-Platform Blog using the Cosmic JS CLI. This app is three apps in one: Web, iOS and Android app all with content powered by Cosmic JS. Go to the GitHub repo to see the iOS and Android app share the same React Native codebase.
Here we build a progressive web app in React.js with the power of Cosmic JS. It respond with status 200 and carries data when you disconnected to internet and in Chrome browser (both mobile and desktop) it gives an option to install the app on home screen.