> ## Documentation Index > Fetch the complete documentation index at: https://mintlify.com/No-Country-simulation/S02-26-Equipo-33-Web-App/llms.txt > Use this file to discover all available pages before exploring further. # Routing > Next.js 16 App Router implementation in Horse Trust frontend ## App Router Architecture Horse Trust uses Next.js 16's App Router, which provides file-system based routing with enhanced features like layouts, server components, and streaming. ## Route Structure ``` app/ ├── layout.tsx # Root layout (wraps all pages) ├── page.tsx # Homepage → / ├── actions/ # Server Actions │ ├── auth.ts # Authentication server actions │ └── horses.ts # Horse management actions ├── dashboard/ │ └── page.tsx # Dashboard → /dashboard ├── login/ │ └── page.tsx # Login → /login ├── marketplace/ │ ├── page.tsx # Marketplace listing → /marketplace │ └── [id]/ │ └── page.tsx # Horse detail → /marketplace/[id] ├── registro/ │ └── page.tsx # User registration → /registro ├── registro-caballo/ │ ├── page.tsx # Horse registration → /registro-caballo │ └── RegistroCaballoForm.tsx # Form component └── utils/ └── apiFetch.ts # API utility functions ``` ## Root Layout The root layout wraps all pages and provides global UI elements. **Location:** `app/layout.tsx` ```tsx title="app/layout.tsx" theme={null} import type { Metadata } from "next"; import "./globals.css"; import Header from "@/component/layout/Header"; import Footer from "@/component/layout/Footer"; import { cookies } from 'next/headers'; export const metadata: Metadata = { title: "HorseTrust | Mercado de Caballos de Élite Verificados", description: "La plataforma líder para la compra y venta de caballos de alto valor.", }; export default async function RootLayout({ children, }: { children: React.ReactNode }) { const cookieStore = await cookies(); const isLoggedIn = cookieStore.has('horse_trust_token'); return (
{children}