-
+
@@ -24,20 +32,23 @@ import MainLayout from "../layouts/MainLayout.astro";
404
-
No signal
+
{t("notFound.noSignal")}
-
This page flew out of range
+
{t("notFound.heading")}
- The camera never caught it, and nothing was recorded. The page you're
- after either never existed or got deleted between takes. Let's get you
- back on the flight line.
+ {t("notFound.message")}
diff --git a/site/src/pages/[...lang]/docs/[...slug].astro b/site/src/pages/[...lang]/docs/[...slug].astro
new file mode 100644
index 0000000..5456833
--- /dev/null
+++ b/site/src/pages/[...lang]/docs/[...slug].astro
@@ -0,0 +1,32 @@
+---
+import { getCollection, render } from "astro:content";
+import DocsLayout from "../../../layouts/DocsLayout.astro";
+import { docLang, docSlug } from "../../../lib/docs";
+import { languages } from "../../../i18n";
+
+export async function getStaticPaths() {
+ const all = await getCollection("docs");
+ const paths = [];
+ for (const lang of Object.keys(languages)) {
+ const sorted = all
+ .filter((d) => docLang(d.id) === lang)
+ .sort((a, b) => a.data.order - b.data.order);
+ // The first doc is served by docs/index.astro; the rest get slug pages.
+ for (const entry of sorted.slice(1)) {
+ paths.push({ params: { lang, slug: docSlug(entry.id) }, props: { entry } });
+ }
+ }
+ return paths;
+}
+
+const { entry } = Astro.props;
+const { Content } = await render(entry);
+---
+
+
+
+
diff --git a/site/src/pages/[...lang]/docs/index.astro b/site/src/pages/[...lang]/docs/index.astro
new file mode 100644
index 0000000..cdfc76f
--- /dev/null
+++ b/site/src/pages/[...lang]/docs/index.astro
@@ -0,0 +1,31 @@
+---
+import { getCollection, render } from "astro:content";
+import DocsLayout from "../../../layouts/DocsLayout.astro";
+import { docLang } from "../../../lib/docs";
+
+// Only build a docs home for locales that actually have translated docs.
+export async function getStaticPaths() {
+ const all = await getCollection("docs");
+ const byLang = new Map();
+ for (const d of all) {
+ const lang = docLang(d.id);
+ if (!byLang.has(lang)) byLang.set(lang, []);
+ byLang.get(lang).push(d);
+ }
+ return [...byLang.entries()].map(([lang, docs]) => {
+ const entry = docs.sort((a, b) => a.data.order - b.data.order)[0];
+ return { params: { lang }, props: { entry } };
+ });
+}
+
+const { entry } = Astro.props;
+const { Content } = await render(entry);
+---
+
+
+
+
diff --git a/site/src/pages/[...lang]/flash.astro b/site/src/pages/[...lang]/flash.astro
new file mode 100644
index 0000000..8183563
--- /dev/null
+++ b/site/src/pages/[...lang]/flash.astro
@@ -0,0 +1,45 @@
+---
+import MainLayout from "../../layouts/MainLayout.astro";
+import Flasher from "../../components/flasher/Flasher.svelte";
+import Admonition from "../../components/docs/Admonition.astro";
+import { BOARD_NAME, SITE_TITLE } from "../../consts";
+import { getLangFromUrl, useTranslations } from "../../i18n";
+import { getLangPaths } from "../../i18n/getLangPaths";
+
+export const getStaticPaths = getLangPaths;
+
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+const withBoard = (key: string) => t(key).replace("{board}", BOARD_NAME);
+---
+
+
+
+
+
{t("flash.heading")}
+
+ {withBoard("flash.subtitle")}
+
+
+
+
+
+ {withBoard("flash.warnOnlyStrong")}
+ {t("flash.warnOnlyRest")}
+
+
+ {t("flash.warnReplaceStrong")}
+ {t("flash.warnReplaceRest")}
+
+
+
+
+
+
+ {t("flash.infoBefore")}
+ {t("flash.infoWifiName")}
+ {t("flash.infoMiddle")}
+ shutterbridge{t("flash.infoAfter")}
+
+
diff --git a/site/src/pages/[...lang]/index.astro b/site/src/pages/[...lang]/index.astro
new file mode 100644
index 0000000..37d43d7
--- /dev/null
+++ b/site/src/pages/[...lang]/index.astro
@@ -0,0 +1,22 @@
+---
+import MainLayout from "../../layouts/MainLayout.astro";
+import Hero from "../../components/home/Hero.astro";
+import Compatibility from "../../components/home/Compatibility.astro";
+import Requirements from "../../components/home/Requirements.astro";
+import Gallery from "../../components/home/Gallery.astro";
+import { SITE_TITLE } from "../../consts";
+import { getLangFromUrl, useTranslations } from "../../i18n";
+import { getLangPaths } from "../../i18n/getLangPaths";
+
+export const getStaticPaths = getLangPaths;
+
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+---
+
+
+
+
+
+
+
diff --git a/site/src/pages/[...path].astro b/site/src/pages/[...path].astro
new file mode 100644
index 0000000..5a64ed9
--- /dev/null
+++ b/site/src/pages/[...path].astro
@@ -0,0 +1,34 @@
+---
+// Dynamic locale redirect for ANY un-prefixed path
+export const prerender = false;
+
+import { languages, defaultLang, type Language } from "../i18n";
+
+const path = Astro.url.pathname;
+
+if (/\.[a-z0-9]+$/i.test(path)) {
+ return new Response("Not found", { status: 404 });
+}
+
+const [first] = path.split("/").filter(Boolean);
+
+if (first && first in languages) {
+ return Astro.rewrite("/404");
+}
+
+const stored = Astro.cookies.get("preferred-language")?.value;
+let target: Language | null =
+ stored && stored in languages ? (stored as Language) : null;
+if (!target) {
+ const header = Astro.request.headers.get("accept-language") ?? "";
+ target =
+ (header
+ .split(",")
+ .map((l) => l.split(";")[0].trim().toLowerCase().split("-")[0])
+ .find((l) => l in languages) as Language | undefined) ?? null;
+}
+target = target ?? defaultLang;
+
+const dest = `/${target}${path}${path.endsWith("/") ? "" : "/"}${Astro.url.search}`;
+return Astro.redirect(dest, 302);
+---
diff --git a/site/src/pages/docs/[...slug].astro b/site/src/pages/docs/[...slug].astro
deleted file mode 100644
index aa4f136..0000000
--- a/site/src/pages/docs/[...slug].astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-import { render } from "astro:content";
-import DocsLayout from "../../layouts/DocsLayout.astro";
-import { getSortedDocs } from "../../lib/docs";
-
-export async function getStaticPaths() {
- const sorted = await getSortedDocs();
- return sorted.slice(1).map((entry) => ({
- params: { slug: entry.id },
- props: { entry },
- }));
-}
-
-const { entry } = Astro.props;
-const { Content } = await render(entry);
----
-
-
-
-
diff --git a/site/src/pages/docs/index.astro b/site/src/pages/docs/index.astro
deleted file mode 100644
index f23fbea..0000000
--- a/site/src/pages/docs/index.astro
+++ /dev/null
@@ -1,17 +0,0 @@
----
-import { render } from "astro:content";
-import DocsLayout from "../../layouts/DocsLayout.astro";
-import { getSortedDocs } from "../../lib/docs";
-
-const sorted = await getSortedDocs();
-const entry = sorted[0];
-const { Content } = await render(entry);
----
-
-
-
-
diff --git a/site/src/pages/flash.astro b/site/src/pages/flash.astro
deleted file mode 100644
index 8d941c1..0000000
--- a/site/src/pages/flash.astro
+++ /dev/null
@@ -1,38 +0,0 @@
----
-import MainLayout from "../layouts/MainLayout.astro";
-import Flasher from "../components/flasher/Flasher.svelte";
-import Admonition from "../components/docs/Admonition.astro";
-import { BOARD_NAME } from "../consts";
----
-
-
-
-
-
Web flasher
-
- Flash the {BOARD_NAME} straight from your browser.
-
-
-
-
-
- Only flash the {BOARD_NAME}. This firmware is built for that
- exact board. Flashing a different board won't work and may leave it needing
- manual recovery.
-
-
- Flashing replaces the firmware already on the board.
-
-
-
-
-
-
- First time on this board? After flashing, connect to the ShutterBridge Wi-Fi access point to finish setup. The password is shutterbridge.
-
-
diff --git a/site/src/pages/index.astro b/site/src/pages/index.astro
index df93f3a..78103e2 100644
--- a/site/src/pages/index.astro
+++ b/site/src/pages/index.astro
@@ -1,17 +1,25 @@
---
-import MainLayout from "../layouts/MainLayout.astro";
-import Hero from "../components/home/Hero.astro";
-import Compatibility from "../components/home/Compatibility.astro";
-import Requirements from "../components/home/Requirements.astro";
-import Gallery from "../components/home/Gallery.astro";
-import { SITE_TITLE } from "../consts";
----
+// Root entry point. Server-rendered so it can read the request headers and
+// redirect visitors to the best matching locale (/en/, /es/, /uk/).
+export const prerender = false;
+
+const available = ["en", "es", "uk"];
+
+const acceptLanguage = Astro.request.headers.get("accept-language") || "";
+const preferred = acceptLanguage
+ .split(",")
+ .map((part) => part.split(";")[0].trim().toLowerCase().split("-")[0]);
-
-
-
-
-
-
+let target = "en";
+for (const lang of preferred) {
+ if (available.includes(lang)) {
+ target = lang;
+ break;
+ }
+}
+
+const cookie = Astro.cookies.get("preferred-language")?.value;
+if (cookie && available.includes(cookie)) target = cookie;
+
+return Astro.redirect(`/${target}/`);
+---
diff --git a/site/wrangler.jsonc b/site/wrangler.jsonc
index f5b7b99..a80542b 100644
--- a/site/wrangler.jsonc
+++ b/site/wrangler.jsonc
@@ -1,12 +1,24 @@
{
"$schema": "./node_modules/wrangler/config-schema.json",
"compatibility_date": "2026-09-03",
- "compatibility_flags": ["global_fetch_strictly_public"],
+ "compatibility_flags": ["global_fetch_strictly_public", "nodejs_compat"],
"name": "shutterbridge",
"main": "@astrojs/cloudflare/entrypoints/server",
"assets": {
"directory": "./dist",
- "binding": "ASSETS"
+ "binding": "ASSETS",
+ // Run the worker BEFORE serving assets for the un-prefixed entry paths so
+ // the on-demand [...path] page renders and can locale-detect. Image dirs
+ // under /docs are excluded so they stay served straight from the CDN.
+ "run_worker_first": [
+ "/flash",
+ "/flash/",
+ "/docs",
+ "/docs/*",
+ "!/docs/hardware/*",
+ "!/docs/webui/*",
+ "!/docs/wiring/*"
+ ]
},
"observability": {
"enabled": true