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


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.
Creating a static React App without worrying about language boundaries
E-commerce app built with Gatsby JS and Cosmic app. Here Cosmic is used as a database as well as a server.
In this short walk-through, I show you how to add localization to your Cosmic Object Types.
A website boilerplate satisfies some common website requirements including dynamic pages, blog articles, author management, SEO ability, contact form and website search.
Cosmic makes it easy to manage content for your Bootstrap applications. In this blog we'll quickstart a Bootstrap Landing Page using the Cosmic CLI. This single page website landing page is built using Node.js and a minimal theme from Start Bootstrap.

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales