Gnezdeno usmerjanje [subpage2]/[...index].astro

Ta podstran prikazuje implementacijo dinamičnega usmerjanja v Astro projektu z internacionalizacijo. Uporablja strukturo URL-jev /sl/dinamicno-usmerjanje/podstran-2, kjer se angleška pot /dynamic-routing/subpage-2 avtomatsko pretvori v slovensko različico. Spodaj si lahko ogledate dejansko kodo, ki omogoča to funkcionalnost.

// Get current language from URL
export function getStaticPaths() {
    return [
        // English route: /dynamic-routing/subpage-2
        // [dyn_routing] = "dynamic-routing" matches the folder name
        // [subpage2] = "subpage-2" is the specific subpage
        // [...index] = undefined means no additional URL segments
        {
            params: {
                dyn_routing: "dynamic-routing",
                subpage2: "subpage-2",
                index: undefined,
            },
            props: { lang: "en" },
        },
        // Slovenian route: /sl/dinamicno-usmerjanje/podstran-2
        // [dyn_routing] = "sl" acts as language prefix in URL
        // [subpage2] = "dinamicno-usmerjanje" is the localized "dynamic-routing" path
        // [...index] = "podstran-2" captures the localized subpage name
        // This creates the final URL: /sl/dinamicno-usmerjanje/podstran-2
        {
            params: {
                dyn_routing: "sl",
                subpage2: "dinamicno-usmerjanje",
                index: "podstran-2",
            },
            props: { lang: "sl" },
        },
    ];
}

Primer komponente

Spodaj je primer ponovno uporabne komponente, ki se lahko integrira v katero koli stran. Ta komponenta je zgrajena z uporabo Svelte in prikazuje, kako poslati prevode kot props za dinamično prikazovanje vsebine.