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. Cliquer sur « Continue to Dashboard » ;
2. Sélectionner « Storage » dans les onglets du menu principal ;
3. Créer « Postgres (Serverless SQL) » ;
4. Accepter les conditions générales ;
5. Nommer la base de données et cliquer sur « Create and Continue » ;
6. Cliquer sur le bouton « Connect ».

Après avoir créé et connecté la base de données, il est nécessaire de la configurer et de la remplir avec des données pour pouvoir travailler avec.

## Instructions
1. Accéder à l’onglet ".env.local" ;
2. Vérifier que toutes les données nécessaires sont présentes :
   - `POSTGRES_URL` ;
   - `POSTGRES_PRISMA_URL` ;
   - `POSTGRES_URL_NON_POOLING` ;
   - `POSTGRES_USER` ;
   - `POSTGRES_HOST` ;
   - `POSTGRES_PASSWORD` ;
   - `POSTGRES_DATABASE`.
3. Copier toutes les données et se rendre dans le projet ;
4. Trouver le fichier `.env.example` à la racine du projet. Le renommer en `.env` ;
5. Coller les données copiées depuis Vercel ;
6. Enfin, ouvrir le terminal et exécuter `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.

Apprenez à créer des applications web modernes et performantes avec Next.js. Configurez des projets avec des structures de mise en page, de la gestion du style et du routage pour une navigation fluide. Récupérez et affichez les données efficacement tout en optimisant le rendu et les performances. Mettez en œuvre des fonctionnalités avancées telles que la pagination, les opérations CRUD et la recherche globale pour des applications web dynamiques. Déployez vos projets Next.js, connectez-les à des bases de données et ajoutez une authentification pour protéger les données des utilisateurs.

Présentation des connaissances préalables nécessaires avant d’aborder le framework Next.js, aperçu des attentes du cours et description des projets à réaliser.

Nous allons configurer le projet, examiner les méthodes d’ajout de styles à notre application et aborder les aspects visuels tels que les images, les polices, les pages et les mises en page.

Découvrez comment créer et gérer facilement une nouvelle vue pour votre application et naviguer entre toutes les pages de manière fluide grâce à un système de routage intégré.

Déployer l'application Next.js en utilisant des comptes GitHub et Vercel. Établir également une base de données pour fournir à l'application les données nécessaires.

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

Découvrez comment mettre en œuvre des fonctionnalités web modernes telles que la pagination, les opérations CRUD, la recherche globale, la validation de formulaires, et plus encore.

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

Configuration d'une Base de Données de Projet

Instructions

Instructions

En pratique

Awesome!

Configuration d'une Base de Données de Projet

Instructions

Instructions

En pratique