Conteúdo do curso

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