🔔 NextJS, TailwindCSS e Typescript
Introdução e apresentação do projeto
NextJS, TailwindCSS e Typescript: #00 - Apresentação do projeto
NextJS, TailwindCSS e Typescript: #01 - Apresentação do protótipo
NextJS, TailwindCSS e Typescript: #02 - Apresentação do código fonte
Primeiras configuração necessárias
NextJS, TailwindCSS e Typescript: #03 - Criação do projeto inicial
NextJS, TailwindCSS e Typescript: #04 - Para que serve cada arquivo no projeto
NextJS, TailwindCSS e Typescript: #05 - Removendo arquivos desnecessários
NextJS, TailwindCSS e Typescript: #06 - Melhorando a indexação do projeto
Estrutura do frontend e Header
NextJS, TailwindCSS e Typescript: #07 - Criando temas dentro do tailwind css com next js
NextJS, TailwindCSS e Typescript: #08 - Como criar um Header global
NextJS, TailwindCSS e Typescript: #09 - Componente responsivo com Tailwind CSS e NextJS
NextJS, TailwindCSS e Typescript: #10 - Como criar um drawer lateral com tailwind css
Tela inicial, de cursos e components
NextJS, TailwindCSS e Typescript: #11 - Como criar bons componentes no NextJS
NextJS, TailwindCSS e Typescript: #12 - Melhorando o componente de Card
NextJS, TailwindCSS e Typescript: #13 - Adicionando componente de Seção
NextJS, TailwindCSS e Typescript: #14 - Adicionando variant no componente section
NextJS, TailwindCSS e Typescript: #15 - Melhoria nos componentes de seção e card
NextJS, TailwindCSS e Typescript: #16 - Como deixar o header flutuante no topo da tela
NextJS, TailwindCSS e Typescript: #17 - Adicionando controles de scroll na seção
NextJS, TailwindCSS e Typescript: #18 - Finalizando controles da seção
Criando a tela de detalhes de curso
NextJS, TailwindCSS e Typescript: #19 - Como criar rotas dinâmicas no NextJS
NextJS, TailwindCSS e Typescript: #20 - Criando o componente de Header dos detalhes do curso
NextJS, TailwindCSS e Typescript: #21 - Criando o componente de Ver mais
NextJS, TailwindCSS e Typescript: #22 - Criando o componente de Compartilhar
NextJS, TailwindCSS e Typescript: #23 - Criando o componente de Começar curso
NextJS, TailwindCSS e Typescript: #24 - Começar curso flutuante no mobile
NextJS, TailwindCSS e Typescript: #25 - Começar curso flutuante no desktop
NextJS, TailwindCSS e Typescript: #26 - Criando componente de Aula
NextJS, TailwindCSS e Typescript: #27 - Criando componente de Grupo de aula
NextJS, TailwindCSS e Typescript: #28 - Criando componente de Conteúdo de curso
NextJS, TailwindCSS e Typescript: #29 - Ajustes finos e finalização da tela de detalhes de curso
Criando a tela de player de curso
NextJS, TailwindCSS e Typescript: #30 - Criando componente de continuar assistindo
NextJS, TailwindCSS e Typescript: #31 - Criando tela de player
NextJS, TailwindCSS e Typescript: #32 - Criando componente de header para a tela de player
NextJS, TailwindCSS e Typescript: #33 - Criando componente de aula para a playlist na tela de player
NextJS, TailwindCSS e Typescript: #34 - Criando componente de grupo de aulas para a playlist
NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist
NextJS, TailwindCSS e Typescript: #36 - Finalizando o componente de playlist
NextJS, TailwindCSS e Typescript: #37 - Criando o componente de player de video com o react player
NextJS, TailwindCSS e Typescript: #38 - Melhorando video player
NextJS, TailwindCSS e Typescript: #39 - Como adicionar reprodução automática para a próxima aula
NextJS, TailwindCSS e Typescript: #40 - Criando componente de player class details
NextJS, TailwindCSS e Typescript: #41 - Como usar o componente de tabs do radix
NextJS, TailwindCSS e Typescript: #42 - Configurando tab de detalhes do curso
NextJS, TailwindCSS e Typescript: #43 - Configurando tab de detalhes da aula
NextJS, TailwindCSS e Typescript: #44 - Configurando o click nas marcações de capítulos
NextJS, TailwindCSS e Typescript: #45 - Criando TAB de comentários
Conectar com API do YouTube
NextJS, TailwindCSS e Typescript: #46 - Configurando credenciais da API do YouTube
NextJS, TailwindCSS e Typescript: #47 - Consultando playlist do YouTube
NextJS, TailwindCSS e Typescript: #48 - Como configurar todos os caches do NextJS no projeto
NextJS, TailwindCSS e Typescript: #49 - Conectando os detalhes do curso com a API do YouTube
NextJS, TailwindCSS e Typescript: #50 - Páginas estáticas para detalhes de curso
NextJS, TailwindCSS e Typescript: #51 - Configurando as respostas para os comentários
NextJS, TailwindCSS e Typescript: #52 - Tratando a responsividade da tela de player
NextJS, TailwindCSS e Typescript: #53 - Conectando a tela de player com a API do YouTube
NextJS, TailwindCSS e Typescript: #54 - Gerando mais de 200 páginas estáticas com NextJS
NextJS, TailwindCSS e Typescript: #55 - Conectando a API de comentários do YouTube
Revisão final e boas práticas
NextJS, TailwindCSS e Typescript: #56 - Salvando o keep watching no local storage
NextJS, TailwindCSS e Typescript: #57 - Salvando o aulas feitas no local storage
NextJS, TailwindCSS e Typescript: #58 - Build e deploy na vercel
NextJS, TailwindCSS e Typescript: #59 - Como fazer um café e outros assuntos