Layout-Gruppen mit (group)
Gruppieren Sie Routen unter einem gemeinsamen Layout, ohne mit Klammern ein URL-Segment hinzuzufügen.
Layout-Gruppen mit (group) ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Warum Layout-Gruppen
Manchmal benötigen Sie ein Layout, das für mehrere Routen gilt, ohne ein URL-Segment hinzuzufügen.
Ordnerkonvention
Schließen Sie Ordnernamen in Klammern ein, um eine Layout-Gruppe zu erstellen: (marketing).
src/routes/(marketing)/+layout.svelte
src/routes/(marketing)/about/+page.svelte
src/routes/(marketing)/pricing/+page.svelteURLs bleiben unverändert
Die Klammern erscheinen nicht in der URL. /about und /pricing bleiben unverändert, verwenden aber dasselbe Layout.
Mehrere Gruppen
Sie können separate Gruppen (marketing) und (app) mit unterschiedlichen Layouts haben.
Anwendungsfall
Marketingseiten (Header, Hero-Bereich) und App-Seiten (Sidebar, Dashboard-Navigation) können dieselbe Domain verwenden.
Ohne Gruppen
Ohne Gruppen müssten Sie der URL Unterordner hinzufügen oder das Layout-Markup wiederholen.
Hooks auf Gruppenebene
Gruppen können wie normale Layouts über +layout.js und +layout.server.js verfügen.
Verschachtelte Gruppen
Gruppen können zur weiteren Spezialisierung in anderen Gruppen verschachtelt werden.
Fehlerseiten pro Gruppe
Jede Gruppe kann eine eigene +error.svelte für eine maßgeschneiderte Fehleroberfläche haben.
Überarbeitung
Verschieben Sie gemeinsame Layouts in eine Gruppe, wenn Sie Layouts für benachbarte Routen wiederholen.
Migration
Wenn Sie eine Route in eine Gruppe verschieben, ändert sich nur das Layout, nicht die URL.
Kurze Überprüfung
Was bewirken Klammern in Ordnernamen?
Zusammenfassung
Schließen Sie Ordner in Klammern ein, um Layout-Gruppen zu erstellen, die eine Benutzeroberfläche gemeinsam nutzen, ohne URL-Segmente hinzuzufügen.
Häufig gestellte Fragen
Ist die Lektion „Layout-Gruppen mit (group)“ kostenlos?
Ja — der vollständige Text von „Layout-Gruppen mit (group)“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Layout-Gruppen mit (group)“?
Gruppieren Sie Routen unter einem gemeinsamen Layout, ohne mit Klammern ein URL-Segment hinzuzufügen. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „Layout-Gruppen mit (group)“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Layout-Gruppen mit (group)
- Layouts auf Routenebene
- Ein Layout mit +page@route verlassen
- Gemeinsame Daten in Layouts