How to set HTML lang with Gatsby in 2023

As of Gatsby v5.5 (January 2023 #2), you can set the HTML language attribute using the Gatsby Head API:

// File: src/pages/example.js
export function Head() {
  return (
      <html lang="en" />
      <title>Hello World</title>

export default function ExamplePage() {
  return (
      <h1>Hello World</h1>

If you are coming from Helmet, this is the exact syntax you know and probably love. Unfortunately, this was not possible when Gatsby introduced v4.19 (July 2022 #2), as I experienced the hard way!


All the best,
Queen Raae

Interested in more daily treasures like this one?
Sent directly to your inbox?