Documentation TP Next.js

Bienvenue dans la documentation complète du projet TP Next.js Avancé !

🚀 À propos du projet

Ce projet est une application monorepo construite avec Turborepo et Next.js. Il s’agit d’un TP (Travail Pratique) conçu pour enseigner les concepts avancés du développement web moderne.

📦 Architecture

Le projet utilise une architecture monorepo avec les éléments suivants :

• apps/web - L’application principale Next.js avec l’interface Pokémon
• apps/doc - Cette documentation (Nextra)
• packages/ui - Composants UI partagés (shadcn/ui)
• packages/form - Composants de formulaire réutilisables
• packages/pokeapi - Client API pour l’API Pokémon

🎯 Objectifs pédagogiques

Ce projet vise à vous apprendre :

1. Turborepo - Gestion d’un monorepo moderne
2. Next.js App Router - Routage moderne avec Server Components
3. Composants partagés - Création et utilisation de packages internes
4. TypeScript - Typage fort dans tout le projet
5. Tailwind CSS - Styling moderne et responsive

🏁 Démarrage rapide

Pour commencer à travailler sur ce projet :

# Installer les dépendances
pnpm install
 
# Lancer le développement
pnpm dev

L’application web sera accessible sur http://localhost:3000 et cette documentation sur http://localhost:3001.

🌐 Pas d’accès à un poste local ? Utilisez CodeSandbox pour travailler directement dans votre navigateur ! C’est la solution idéale si un poste universitaire est indisponible.

📚 Navigation

Utilisez le menu latéral pour naviguer dans la documentation :

• Guide - Guide de démarrage et tutoriels
• Packages - Documentation des packages internes