Skip to content
NutsNews chestnut logoNutsNews Wiki

Technical guide · Public product

Page status: Active

NutsNews Public Page Translation Update

This update extends the existing web language preference beyond the home feed.

Visual overview

Primary diagram

System map

This update extends the existing web language preference beyond the home feed.

Render the repository-owned system map when you need it.

Diagram is not rendered yet.

View as text
NutsNews Public Page Translation Update

This update extends the existing web language preference beyond the home feed.

flowchart TD
  accTitle: NutsNews Public Page Translation Update
  accDescr {
    This update extends the existing web language preference beyond the home feed.
  }
  A[User changes language in Settings] --> B[Emit nutsnews:language-change]
  B --> C[useSelectedLanguage captures new selection]
  C --> D[Store selected value in localStorage `nutsnews.web.language`]
  D --> E[Public pages read selected language at runtime]
  E --> F[Render About/Contact/Privacy/Footer content in selected language]
  E --> G["Keep page metadata (SEO/server metadata) in English"]

NutsNews Public Page Translation Update

Fullscreen diagram view.

NutsNews Public Page Translation Update

Section titled “NutsNews Public Page Translation Update”

This update extends the existing web language preference beyond the home feed.

What changed

Section titled “What changed”
  • About page content now renders in English, French, or Japanese based on the selected NutsNews language.
  • Contact page content now renders in English, French, or Japanese.
  • Contact form labels, placeholders, submit state, success text, and error fallbacks now render in the selected language.
  • Privacy page content now renders in English, French, or Japanese.
  • Footer navigation labels now render in the selected language.
  • Settings menu labels, section headings, ARIA labels, and theme descriptions now render in the selected language.
  • Theme names remain unchanged: Amber, The Modern SaaS, The Creative Premium, Bambi, Sakura, and San Juan.

Implementation notes

Section titled “Implementation notes”

The update reuses the existing nutsnews.web.language localStorage value and the existing nutsnews:language-change event.

A shared useSelectedLanguage hook lets client-rendered public page content update immediately when the language is changed in Settings.

The public pages keep their server metadata in English for now, while visible page content follows the selected language on the client.

Validation

Section titled “Validation”

Run from web/:

Terminal window
npm run lint
npx tsc --noEmit
npm run build