Gatsby Starter I18n Bulma is a multilingual Gatsby starter built with Bulma CSS, i18n routing, and Netlify CMS, created by kalwalt. It produces a static site with translated pages, a language switcher, a blog, and CMS-managed markdown content, and it supports Gatsby.js v5.
What is Gatsby Starter I18n Bulma?
Gatsby Starter I18n Bulma is a multilingual Gatsby starter built with Bulma CSS, i18n routing, and Netlify CMS. It takes Gatsby, React, and markdown-based content as inputs and generates a static site with per-language routes, a blog, offline support, and an admin interface. The project is authored by kalwalt, and a live demo is deployed on Netlify at gatsby-starter-i18n-bulma.netlify.com.
Key Features
Key features include multilingual routing with per-language slugs, Bulma styling processed through SCSS, Netlify CMS editing, markdown blog support, SEO plugins, and offline PWA behavior.
- Multilingual routing — Uses gatsby-plugin-i18n to create separate routes for each language, including different slugs per language, such as "en/artworks/" mapping to "it/opere/".
- Bulma CSS and SCSS — The design is built on Bulma CSS, customized with SCSS via gatsby-plugin-sass, and unused styles are removed by gatsby-plugin-purgecss.
- Netlify CMS integration — Includes gatsby-plugin-netlify-cms so editors can manage blog posts and pages through a web interface, with gatsby-plugin-netlify handling deployment.
- Blogging with markdown — Supports blog posts and tags through gatsby-transformer-remark and gatsby-transformer-javascript-frontmatter, plus gatsby-plugin-i18n-tags.
- SEO and analytics — Ships with gatsby-plugin-react-helmet, gatsby-plugin-sitemap, gatsby-plugin-robots-txt, and gatsby-plugin-google-analytics.
- PWA and offline support — Includes gatsby-plugin-manifest and gatsby-plugin-offline, making the site installable as a progressive web app.
- Gatsby v5 support — Explicitly updated to work with Gatsby.js v5, with all plugins listed in the starter.
Who should use Gatsby Starter I18n Bulma?
This starter is aimed at developers and small teams who need multilingual static sites with an editable CMS. Typical users include developers starting a bilingual site who want preconfigured language routing; content editors who need a web interface to update pages without touching markdown; and portfolio creators who can adapt the included artworks/opere example into a gallery with language-specific routes.
What can you do with it?
- Run a multilingual blog: Publish markdown posts in multiple languages and let visitors switch via the language switcher.
- Create a CMS-driven static site: Use Netlify CMS to edit content online and have the site rebuild on publish.
- Build a translated portfolio or artworks page: Use the preconfigured routes to keep each language version of a page with separate URLs.
How does Gatsby Starter I18n Bulma work?
Install it with the Gatsby CLI pointing at the repository, then run yarn install and gatsby develop to start a local development server. The starter uses gatsby-plugin-i18n to build language routes based on content directories, gatsby-transformer-javascript-frontmatter reads translations from frontmatter, and gatsby-transformer-remark turns markdown files into pages. For production, you can deploy to Netlify, where the CMS and redirects are already configured.
Included plugins
The starter configures over twenty Gatsby plugins for analytics, SEO, images, styling, and CMS integration. The full list includes gatsby-plugin-google-analytics, gatsby-plugin-i18n, gatsby-plugin-i18n-tags, gatsby-plugin-manifest, gatsby-plugin-netlify, gatsby-plugin-netlify-cms, gatsby-plugin-offline, gatsby-plugin-purgecss, gatsby-plugin-react-helmet, gatsby-plugin-remove-trailing-slashes, gatsby-plugin-robots-txt, gatsby-plugin-sass, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-remark-copy-linked-files, gatsby-remark-images, gatsby-remark-relative-images, gatsby-source-filesystem, gatsby-transformer-javascript-frontmatter, gatsby-transformer-json, gatsby-transformer-remark, and gatsby-transformer-sharp.
What is it based on?
This starter draws from two existing starters: gatsby-starter-netlify-cms from Netlify Templates and gatsby-starter-contentful-i18n. The author also makes a special mention of gatsby-plugin-i18n, which is central to the multilingual routing.
FAQ
Which Gatsby version does this template support?
The readme states it supports Gatsby.js v5, and includes a full plugin list that is compatible with that version.
Is this template production-ready?
The project is described as under heavy development, so frequent changes may break compatibility. Review the changes before using it in production.
How do I install it?
Run gatsby new with the repository URL, then yarn install and gatsby develop. A demo is also available at gatsby-starter-i18n-bulma.netlify.com.
Does it work with Netlify CMS?
Yes, it includes gatsby-plugin-netlify-cms and a basic CMS configuration, plus gatsby-plugin-netlify for deployment.
