Gruppi di layout con (group)
Raggruppi le route sotto un layout condiviso senza aggiungere un segmento URL, utilizzando le parentesi.
Gruppi di layout con (group) è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Perché i gruppi di layout
A volte si desidera un layout applicato a molte route senza aggiungere un segmento all'URL.
Convenzione per le cartelle
(marketing).
src/routes/(marketing)/+layout.svelte
src/routes/(marketing)/about/+page.svelte
src/routes/(marketing)/pricing/+page.svelteURL invariati
Le parentesi non compaiono nell'URL. /about e /pricing rimangono invariati, ma condividono il layout.
Più gruppi
Può avere gruppi separati (marketing) e (app), con layout diversi.
Caso d'uso
Le pagine di marketing (header, hero) e le pagine dell'app (sidebar, navigazione della dashboard) condividono lo stesso dominio.
Senza gruppi
Senza i gruppi, dovrebbe aggiungere sottocartelle all'URL oppure ripetere il markup del layout.
Hook a livello di gruppo
I gruppi possono contenere +layout.js e +layout.server.js, proprio come i layout normali.
Nidificazione dei gruppi
I gruppi possono essere nidificati all'interno di altri gruppi per una specializzazione ulteriore.
Pagine di errore per gruppo
Ogni gruppo può avere il proprio +error.svelte per un'interfaccia degli errori personalizzata.
Refactoring
Promuova i layout condivisi a un gruppo quando si accorge di ripetere i layout tra route allo stesso livello.
Migrazione
Spostare una route in un gruppo modifica solo il layout, non l'URL.
Verifica rapida
Che cosa fanno le parentesi nei nomi delle cartelle?
Riepilogo
Racchiuda le cartelle tra parentesi per creare gruppi di layout che condividono l'interfaccia senza aggiungere segmenti all'URL.
Domande Frequenti
La lezione «Gruppi di layout con (group)» è gratuita?
Sì — il testo completo di «Gruppi di layout con (group)» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Gruppi di layout con (group)»?
Raggruppi le route sotto un layout condiviso senza aggiungere un segmento URL, utilizzando le parentesi. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Gruppi di layout con (group)»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Gruppi di layout con (group)
- Layout a livello di route
- Uscire da un layout con +page@route
- Dati condivisi tra i layout