> ## 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. # Frontend Overview > Overview of the Horse Trust frontend architecture built with Next.js 16 ## Introduction The Horse Trust frontend is a modern web application built with **Next.js 16**, utilizing the App Router architecture for optimal performance and developer experience. The platform provides a premium equestrian marketplace with advanced features for buying and selling elite horses. ## Tech Stack ### Core Framework * **Next.js 16.1.6** - React framework with App Router * **React 19.2.3** - UI library * **TypeScript 5** - Type-safe development ### Styling * **Tailwind CSS 4** - Utility-first CSS framework * **@tailwindcss/postcss 4** - PostCSS plugin for Tailwind * **Custom Design System** - Equestrian-themed color palette ### UI Components * **Lucide React 0.575.0** - Icon library for consistent iconography ### Development ```json theme={null} { "scripts": { "dev": "next dev -p 8030", "build": "next build", "start": "next start -p 8030", "lint": "eslint" } } ``` ## Project Structure ``` client/ ├── app/ # Next.js App Router │ ├── actions/ # Server Actions │ │ ├── auth.ts # Authentication actions │ │ └── horses.ts # Horse management actions │ ├── dashboard/ # Dashboard page │ ├── login/ # Login page │ ├── marketplace/ # Marketplace pages │ │ └── [id]/ # Dynamic horse detail page │ ├── registro/ # Registration page │ ├── registro-caballo/ # Horse registration │ ├── utils/ # Utility functions │ │ └── apiFetch.ts # API fetch wrapper │ ├── layout.tsx # Root layout │ ├── page.tsx # Homepage │ └── globals.css # Global styles ├── component/ # Reusable components │ ├── GetServerData/ # Server data components │ ├── home/ # Homepage components │ ├── layout/ # Layout components │ └── marketplace/ # Marketplace components ├── types/ # TypeScript type definitions ├── next.config.ts # Next.js configuration ├── tsconfig.json # TypeScript configuration └── package.json # Dependencies ``` ## Key Features ### Server-Side Rendering (SSR) The application leverages Next.js 16's App Router for server-side rendering: ```tsx title="app/layout.tsx" theme={null} import { cookies } from 'next/headers'; export default async function RootLayout({ children, }: { children: React.ReactNode }) { const cookieStore = await cookies(); const isLoggedIn = cookieStore.has('horse_trust_token'); return (
{children}