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 projeto, será utilizado o banco de dados Postgres. Veja como configurá-lo na Vercel.

## Instruções
1. Clique em "Continue to Dashboard";
2. Selecione "Storage" nas abas do cabeçalho;
3. Crie "Postgres (Serverless SQL)";
4. Aceite os termos e condições;
5. Defina um nome para o banco de dados e clique em "Create and Continue";
6. Clique no botão "Connect".

Após criar e conectar o banco de dados, é necessário configurá-lo e preenchê-lo com dados para utilização.

## Instruções
1. Acesse a guia ".env.local";
2. Certifique-se de possuir todos os dados necessários:
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Copie todos os dados e navegue até o projeto;
4. Localize o arquivo `.env.example` na raiz do projeto. Renomeie para `.env`;
5. Cole os dados copiados do Vercel;
6. Por fim, abra o terminal e execute `npm i @vercel/postgres` para instalar o Vercel Postgres.

A última etapa restante é preencher o banco de dados com dados. O foco será esse no próximo capítulo.

Aprenda a construir aplicações web modernas e de alto desempenho utilizando Next.js. Configure projetos com layouts estruturados, estilização e roteamento para navegação fluida. Busque e exiba dados de forma eficiente, otimizando a renderização e o desempenho. Implemente recursos avançados como paginação, operações CRUD e busca global para aplicações web dinâmicas. Faça o deploy de seus projetos Next.js, conecte-os a bancos de dados e adicione autenticação para proteger os dados dos usuários.

Vamos discutir o que é necessário aprender antes de começar com o framework Next.js, o que esperar deste curso e o que será desenvolvido.

Vamos configurar o projeto, analisar formas de adicionar estilos ao nosso aplicativo e abordar aspectos visuais como imagens, fontes, páginas e layouts.

Aprenda a criar e gerenciar facilmente uma nova visualização para seu aplicativo e navegar por todas as páginas de forma fluida com um sistema de roteamento incorporado.

Implemente o aplicativo Next.js utilizando contas do GitHub e Vercel. Além disso, estabeleça um banco de dados para fornecer os dados necessários ao aplicativo.

Considere como obter e apresentar dados ao usuário de forma clara e eficiente.

Descubra como implementar recursos modernos da web, como paginação, operações CRUD, busca global, validação de formulários e mais.

Implementação de autenticação no Next.js.

Configurando um Banco de Dados para o Projeto

Instruções

Instruções

Na Prática

Awesome!

Configurando um Banco de Dados para o Projeto

Instruções

Instruções

Na Prática