SVELTE Toate comenzile Svelte & SvelteKit

`Organizarea Rutelor și Grupuri de Rute în SvelteKit: Convenția (nume_grup)` în Svelte & SvelteKit

Ghid complet pentru structura rutelor în SvelteKit: separarea layout-urilor pentru public și dashboard prin (grupuri), moștenirea datelor cu +layout.server.ts și resetarea layout-urilor.

Sintaxă

src/routes/(app)/dashboard/+page.svelte; src/routes/(marketing)/+layout.svelte

Pe măsură ce aplicațiile SvelteKit cresc, paginile publice de marketing au nevoie de un antet și subsol complet diferit de panoul administrativ al utilizatorului autentificat. SvelteKit rezolvă această problemă prin Grupurile de Rute (Route Groups) folosind paranteze rotunde: (grup).

Arhitectura fișierelor cu grupuri de rute

src/routes/
├── (marketing)/
│   ├── +layout.svelte      # Conține Navbar de prezentare și Footer comercial
│   ├── +page.svelte        # Pagina principală (URL: /)
│   └── contact/
│       └── +page.svelte    # Pagina de contact (URL: /contact - observă că '(marketing)' nu apare în URL!)
└── (dashboard)/
    ├── +layout.svelte      # Conține Sidebar, meniu utilizator și bară de notificări
    ├── panou/
    │   └── +page.svelte    # Panou utilizator (URL: /panou)
    └── setari/
        └── +page.svelte    # Setări cont (URL: /setari)

Avantaj arhitectural: Numele folderelor în paranteze rotunde afectează doar ierarhia de layout-uri, fără a polua adresele URL finale accesate de vizitatori.