Rest parametri [...subpage1].astro

Ta podstran prikazuje implementacijo dinamičnega usmerjanja v Astro projektu z internacionalizacijo. Uporablja strukturo URL-jev /sl/dinamicno-usmerjanje/podstran-1, kjer se angleška pot /dynamic-routing/subpage-1 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-1
        // [...subpage1] = "subpage-1" captures the specific subpage
        // This creates the final URL: /dynamic-routing/subpage-1
        {
            params: {
                dyn_routing: "/dynamic-routing",
                subpage1: "subpage-1",
            },
            props: { lang: "en" },
        },
        // Slovenian route: /sl/dinamicno-usmerjanje/podstran-1
        // [...subpage1] = "podstran-1" captures the localized subpage name
        // This creates the final URL: /sl/dinamicno-usmerjanje/podstran-1
        {
            params: {
                dyn_routing: "/sl/dinamicno-usmerjanje",
                subpage1: "podstran-1",
            },
            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.