Crie seu próprio aplicativo de blog com Next.JS e React

O que é Sanity?

Sanity é uma plataforma para gerenciar conteúdo estruturado. Ela fornece APIs para gerenciar texto, imagens e outros tipos de mídia. Você pode personalizar o ambiente de edição usando o aplicativo de página única de código aberto Sanity Studio. Com o Sanity, você pode aproveitar os benefícios de ter todo o seu conteúdo disponível como uma única fonte de verdade.

O que é o Next JS?

Next JS é um framework React que oferece infraestrutura e uma experiência de desenvolvimento simples para aplicativos renderizados no lado do servidor (SSR). Ele fornece um sistema de roteamento baseado em páginas intuitivo e suporta tanto a geração estática (SSG) quanto a renderização no lado do servidor (SSR) em uma base por página.

Sobre o Curso

Neste curso, vamos guiá-lo na construção do seu próprio aplicativo de blog usando as mais recentes tecnologias Next.JS e React. Vamos seguir as melhores práticas e utilizar funções de hook o máximo possível. Primeiro, vamos integrar um layout de aplicativo impecável que foi preparado para você. Em seguida, vamos mergulhar nos conceitos básicos do Sanity e preparar dois tipos de documentos - Blogs e Autores. Você aprenderá como especificar vários campos para descrever seus dados, como Blocos de Código e Imagens. Uma vez que os dados forem buscados, vamos exibir os blogs em nossas páginas do aplicativo. Você também aprenderá como processar imagens e aplicar estilos aos blocos de código. Ao longo do curso, abordaremos tópicos como opções de filtragem, paginação e ordenação de dados. Além disso, exploraremos o uso de provedores e consumidores para controlar o tema claro e escuro do aplicativo. Também discutiremos o recurso de Visualização, que permite exibir dados de rascunho do blog antes de publicá-los na produção. Por fim, implantaremos o aplicativo na plataforma Vercel, garantindo que ele esteja otimizado estaticamente e seja super rápido. Obrigado por considerar este curso e esperamos tê-lo conosco!

O que você aprenderá

- Utilizar as últimas funcionalidades do Next/React, como getStaticProps, getStaticPaths e getServerSideProps - Criar aplicativos web gerados estaticamente - Implantar aplicativos sem servidor - Integrar o Sanity CMS