Summary  
CSS Modules automatically generate unique class names to scope CSS to specific components and prevent style collisions, enabling modular and maintainable styling.

General domain of usage  
Styling UI components in front-end web development

Les modules CSS créent automatiquement des noms de classes uniques, permettant ainsi de limiter la portée du CSS à un composant spécifique et d'éliminer les collisions de style. Des règles CSS simples peuvent être écrites à l'intérieur des modules CSS.

## Retour au projet
Créons un module CSS appelé `home.module.css` à l'intérieur du dossier `app/ui` et collons les règles CSS suivantes :

```css
.circle {
  height: 2.5rem;
  width: 2.5rem;
  background-color: rgb(255 255 255);
  border-radius: 9999px;
}
```

Nous devons importer le fichier `home.module.css` dans le fichier `app/page.tsx` puis appliquer la classe `styles.circle` à l'élément `div` que nous avons créé précédemment.

Next.js est un framework React conçu pour créer des applications web full-stack. Avec Next.js, vous utilisez React pour construire des interfaces utilisateur tout en bénéficiant de fonctionnalités supplémentaires et d'optimisations fournies par le framework.

Discutons de ce que vous devez apprendre avant de plonger dans le framework Next.js, de ce à quoi vous pouvez vous attendre de ce cours, et de ce que vous allez construire.

Nous allons configurer le projet, examiner les moyens d'ajouter du style à notre application et couvrir les aspects visuels tels que les images, les polices, les pages et les mises en page.

Apprenez à créer et gérer facilement une nouvelle vue pour votre application et à naviguer sans effort à travers toutes les pages grâce à un système de routage intégré.

Déployez l'application Next.js en utilisant des comptes GitHub et Vercel. De plus, établissez une base de données pour fournir à l'application les données nécessaires.

Considérez comment obtenir et afficher les données à l'utilisateur de manière claire et efficace.

Découvrez comment implémenter des fonctionnalités web modernes telles que la pagination, les opérations CRUD, la recherche globale, la validation de formulaire, et plus encore.

Mise en œuvre de l'authentification dans Next.js.

Modules CSS

Retour au projet

En Pratique

Awesome!

Modules CSS

Retour au projet

En Pratique