Curso de Construa um aplicativo não oficial de clone do Udemy em Next.js v13

Construa um Aplicativo de Curso Não Oficial em Next.js v13 Um guia abrangente para criar um aplicativo web de curso não oficial full-stack em Next.js v13 e Prisma. O Framework React para a Web Usado por algumas das maiores empresas do mundo, o Next.js permite que você desenvolva aplicativos web full-stack aproveitando os recursos mais recentes do React e integrando ferramentas poderosas de JavaScript baseadas em Rust para compilações mais rápidas. Neste curso, você aprenderá todos os recursos mais recentes do Next.js, incluindo diretório de aplicativos, páginas e busca de dados de uma nova maneira. Você abordará os seguintes conceitos:

Renderização do Cliente e do Servidor

Roteamento Aninhado

Busca de Dados

Otimização Incorporada

Suporte ao Typescript

Rotas de API

Middlewares

Implantação

Estilização CSS

Cache

Usando um Banco de Dados

Uma das principais vantagens do Next.js é sua capacidade de habilitar a renderização do lado do servidor. Isso significa que o servidor pode gerar o HTML de uma página e enviá-lo para o cliente, em vez do cliente gerar o HTML usando JavaScript. Isso pode melhorar muito o desempenho e o SEO do seu aplicativo. O roteamento baseado em arquivos do Next.js é outra característica destacada. Em vez de lidar com configurações de rota complexas em uma biblioteca como react-router, as rotas podem ser especificadas usando a estrutura de diretórios do projeto. Ao adicionar um ponto de entrada a uma página de diretório, você pode criar um novo caminho. O Next.js 13 introduz o roteamento de arquivos atualizado com o novo diretório. O diretório de aplicativos opcional introduz uma nova estrutura de layout, bem como várias novas funcionalidades e melhorias. A estrutura de diretórios sofreu pequenas alterações devido ao novo mecanismo de roteamento. Cada caminho na rota tem um diretório dedicado com um arquivo page.js que serve como ponto de entrada de conteúdo no Next.js 13. Uma das características mais empolgantes da nova versão do Next.js é o suporte expandido para componentes de servidor React. Os componentes de servidor nos permitem executar e renderizar componentes React no lado do servidor para uma entrega mais rápida, um pacote JavaScript menor e uma renderização do lado do cliente menos cara. Além disso, dependendo do tipo de dados necessários para gerar uma rota, os componentes de servidor são automaticamente armazenados em cache no momento da compilação ou em tempo de execução para melhor desempenho. Ao combinar componentes de servidor e cliente, você pode usar componentes de servidor para partes não interativas do seu programa que são carregadas rapidamente, enquanto utiliza componentes de cliente para interação, APIs do navegador e outras funcionalidades. Ao criar componentes de cliente para o seu aplicativo Next.js, você pode designá-los como tal usando a diretiva 'use client' no topo do arquivo. No entanto, se você estiver usando pacotes de terceiros, talvez seja necessário criar um wrapper de cliente. O Next.js 13 também introduz componentes assíncronos, uma nova abordagem para busca de dados para componentes renderizados no servidor. Com componentes assíncronos, você pode renderizar sistemas usando Promises usando async & await. O que você aprenderá: - Roteamento - Páginas e Layout - Linkagem e Navegação - Carregamento de UI - Tratamento de Erros - Manipuladores de Rota - Fundamentos de Renderização - Componentes de Servidor e Cliente - Renderização Estática e Dinâmica - Busca de Dados - Streaming e Suspense - Gerar Parâmetros Estáticos - Rotas de API - Módulos CSS - CSS Global - React Bootstrap - Imagens - Implantação - Prisma - Desenvolvimento de API CRUD com Prisma - Integração com Banco de Dados Postgres