The new Cosmic dashboard is here!
Test drive it now →

Webinar Video: Localization with Gatsby and Cosmic 🌏

Community Articles
Community Articles Webinar Video: Localization with Gatsby and Cosmic 🌏

Thank you to everyone who joined us for our Halloween edition of our Wednesday Webinar series. In this presentation, we teamed up with Gatsby developer advocate Jason Lengstorf to discuss how to make localization for websites less spooky using Gatsby and Cosmic.

The main points discussed are:
✅ How to create localized content models in Cosmic
✅ How to install the Cosmic Gatsby Localization Starter
✅ How Gatsby builds your localized website for performance and SEO


Also we had a curveball thrown at us about localizing the language selectors.  This has now been added to the gatsby-config.js in the Gatsby Localization Starter by adding a localized_name property with different values for each locale:



You may also like


This is a JAMstack app with the power of Cosmic. In JAmstack, Vue.js is used as Javascript part, Cosmic as API and Nuxt.js as Markup.
Next.js is a React framework for building hybrid applications. It's flexible, extensible, and works great with any data provider. In this tutorial, we'll show how to get started with Cosmic CMS and Next.js.
This is a quick example to show some of the powerful things you can do with the Cosmic NPM Module. This script will, add a Bucket to your Cosmic account, add an Object Type (Pages) and add a few Pages.
An Object in Cosmic can be a page, a blog post, an author or anything you want it to be. Cosmic gives you the freedom to create and manage content openly and create your own data structure. Each Object allows for the creation of a title, slug, content and Metafields.
Publish Blog Articles to a clean and simple UI with Apollo Blog, powered by Apollo Graphql client and Cosmic.

Get started with Cosmic

Personal projects are free. Scale up as you grow.
Start building Talk to sales