dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
NEXT Toate comenzile Next.js

Grupuri de rute (Route Groups) – Organizare fără afectarea URL-ului în Next.js

Structură App Router și Fișiere Speciale Next.js 13+ (App Router) Q&A / Distribuie cod

Organizează structura fișierelor și permite layout-uri complet diferite fără a modifica calea publică din bara de adrese a browserului.

Sintaxă 
app/(marketing)/despre/page.tsx -> /despre
app/(admin)/panou/page.tsx      -> /panou

Ce face Grupuri de rute (Route Groups) - Organizare fără afectarea URL-ului

Prin plasarea unui nume de folder între paranteze rotunde `(nume_grup)`, acel folder este complet ignorat la construirea URL-ului public.

Permite crearea a două secțiuni complet distincte cu propriile lor `RootLayout`-uri (de exemplu o secțiune publică de marketing cu meniu mare și o secțiune de dashboard autentificat fără meniu).

Facilitează organizarea logică a proiectelor mari fără a fi nevoie de compromisuri la nivel de structură URL.

Exemple

Exemplul 1: Separarea zonei de autentificare de zona principală

Permite un layout curat și izolat pentru paginile de login și register.

// app/(auth)/layout.tsx -> Layout simplu centrat pe ecran
// app/(auth)/login/page.tsx -> URL accesibil la https://site.ro/login
// app/(auth)/register/page.tsx -> URL accesibil la https://site.ro/register

Ieșire în terminal

Paginile /login și /register folosesc layout-ul auth fără a avea /auth/ în URL.

Greșeli frecvente

  • Crearea de rute conflictuale în grupuri diferite (ex: `app/(site)/despre/page.tsx` și `app/(marketing)/despre/page.tsx`); ambele se rezolvă la `/despre`, cauzând eroare de compilare.

Comenzi înrudite

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Grupuri de rute (Route Groups) – Organizare fără afectarea URL-ului

Ai o nelămurire despre utilizarea comenzii Grupuri de rute (Route Groups) – Organizare fără afectarea URL-ului sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.