Summary  
This chapter explains how to configure and connect a PostgreSQL database to your project by setting environment variables and installing the required dependency.  

General domain of usage  
Web application backends

Pour ce projet, nous utiliserons la base de données Postgres. Voyons comment la configurer sur Vercel.

## Instructions
1. Cliquez sur "Continuer vers le tableau de bord";
2. Choisissez "Stockage" dans les onglets de l'en-tête;
3. Créez "Postgres (Serverless SQL)";
4. Acceptez les termes et conditions;
5. Nommez la base de données et cliquez sur "Créer et continuer";
6. Cliquez sur le bouton "Connecter".

Après avoir créé et connecté la base de données, nous devons la configurer et la remplir avec des données pour travailler.

## Instructions
1. Visitez l'onglet ".env.local";
2. Assurez-vous d'avoir toutes les données nécessaires :
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Copiez toutes les données et naviguez vers le projet;
4. Trouvez le fichier `.env.example` à la racine du projet. Renommez-le en `.env`;
5. Collez les données copiées de Vercel;
6. Enfin, ouvrez le terminal et exécutez `npm i @vercel/postgres` pour installer Vercel Postgres.

La dernière étape consiste à remplir la base de données avec des données. Concentrons-nous sur cela dans le chapitre suivant.

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.

Base de Données du Projet

Instructions

Instructions

En Pratique

Awesome!

Base de Données du Projet

Instructions

Instructions

En Pratique