diff --git a/quartz/components/renderPage.tsx b/quartz/components/renderPage.tsx
index d6bcf0a..4643d0a 100644
--- a/quartz/components/renderPage.tsx
+++ b/quartz/components/renderPage.tsx
@@ -209,8 +209,7 @@ export function renderPage(
</div>
)
- const lang = componentData.frontmatter?.lang ?? cfg.locale.split("-")[0]
-
+ const lang = componentData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
const doc = (
<html lang={lang}>
<Head {...componentData} />
diff --git a/quartz/i18n/index.ts b/quartz/i18n/index.ts
index 0f17fff..7fd978e 100644
--- a/quartz/i18n/index.ts
+++ b/quartz/i18n/index.ts
@@ -20,5 +20,6 @@ export const TRANSLATIONS = {
"uk-UA": uk,
} as const
-export const i18n = (locale: ValidLocale): Translation => TRANSLATIONS[locale ?? "en-US"]
+export const defaultTranslation = "en-US"
+export const i18n = (locale: ValidLocale): Translation => TRANSLATIONS[locale ?? defaultTranslation]
export type ValidLocale = keyof typeof TRANSLATIONS