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

Para este proyecto, se utilizará la base de datos Postgres. Veamos cómo configurarla en Vercel.

## Instrucciones
1. Seleccionar "Continue to Dashboard";
2. Elegir "Storage" en las pestañas del encabezado;
3. Crear "Postgres (Serverless SQL)";
4. Aceptar los términos y condiciones;
5. Asignar un nombre a la base de datos y seleccionar "Create and Continue";
6. Seleccionar el botón "Connect".

Después de crear y conectar la base de datos, es necesario configurarla y llenarla con datos para trabajar.

## Instrucciones
1. Ir a la pestaña ".env.local";
2. Verificar que se dispone de todos los datos necesarios:
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Copiar todos los datos y dirigirse al proyecto;
4. Buscar el archivo `.env.example` en la raíz del proyecto. Renombrarlo a `.env`;
5. Pegar los datos copiados desde Vercel;
6. Finalmente, abrir la terminal y ejecutar `npm i @vercel/postgres` para instalar Vercel Postgres.

El último paso pendiente es llenar la base de datos con datos. Se abordará este proceso en el siguiente capítulo.

Aprende a construir aplicaciones web modernas y de alto rendimiento utilizando Next.js. Configura proyectos con estructuras organizadas, estilos y enrutamiento para una navegación fluida. Obtén y muestra datos de manera eficiente mientras optimizas el renderizado y el rendimiento. Implementa funciones avanzadas como paginación, operaciones CRUD y búsqueda global para aplicaciones web dinámicas. Despliega tus proyectos de Next.js, conéctalos con bases de datos y añade autenticación para proteger los datos de los usuarios.

Analizaremos los conocimientos previos necesarios antes de comenzar con el framework Next.js, lo que puede esperar de este curso y los proyectos que desarrollará.

Configuraremos el proyecto, examinaremos formas de agregar estilos a nuestra aplicación y abordaremos aspectos visuales como imágenes, fuentes, páginas y diseños.

Aprenda a crear y gestionar fácilmente una nueva vista para su aplicación y a navegar por todas las páginas de manera fluida con un sistema de enrutamiento incorporado.

Despliegue de la aplicación Next.js utilizando cuentas de GitHub y Vercel. Además, establecimiento de una base de datos para proporcionar los datos necesarios a la aplicación.

Considere cómo obtener y mostrar datos al usuario de manera clara y eficiente.

Descubra cómo implementar características web modernas como paginación, operaciones CRUD, búsqueda global, validación de formularios y más.

Implementación de autenticación en Next.js.

Configuración de una Base de Datos para el Proyecto

Instrucciones

Instrucciones

En la práctica

Awesome!

Configuración de una Base de Datos para el Proyecto

Instrucciones

Instrucciones

En la práctica