๐Ÿ‡บ๐Ÿ‡ธ

Hello!

Locale extracted by mount point middleware in app/kernel.tsx

Mount Point Context

Values set by middleware via c.set()

/en/us/demo/mount-points
c.get() values:langId = "en"countryId = "us"

Switch Locale (Mount Point)

Each button adds the locale prefix at START of URL

๐Ÿ‡บ๐Ÿ‡ธEnglish (US)๐Ÿ‡จ๐Ÿ‡ฆFranรงais (CA)๐Ÿ‡ฒ๐Ÿ‡ฝEspaรฑol (MX)๐Ÿ‡ฉ๐Ÿ‡ชDeutsch (DE)๐Ÿ‡ฏ๐Ÿ‡ตๆ—ฅๆœฌ่ชž (JP)

Compare with root path: /demo/mount-points

Navigate Within Locale

Sub-routes also receive locale context

๐Ÿ“ฆ Products Page

app/kernel.tsx Configuration

Real mount points configuration powering this demo

typescript
// app/kernel.tsx - Mount point with locale prefix at START
@Kernel({
    controllers: controllers,
    mountPoint: {
        pattern: '/:langId/:countryId',
        middleware: async (c: Context, next: Next) => {
            c.set('langId', c.req.param('langId'))
            c.set('countryId', c.req.param('countryId'))
            return await next()
        },
    },
})
export class AppKernel {}

// Routes accessible at:
// /demo/mount-points โ†’ without locale context
// /fr/ca/demo/mount-points โ†’ WITH locale context โœ…
๐Ÿ“š Read the Documentation