Скачать или смотреть NextJS, TailwindCSS e Typescript: #50 - Páginas estáticas para detalhes de curso

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Tendo em mente que o NextJS é um framework muito poderoso, precisamos saber usá-lo da melhor maneira possível, um dos mais incríveis conceitos que existe no NextJS é a geração estática de páginas durante o build.
Nessa aula vamos abusar desse conceito e implementar a geração de páginas estáticas de forma dinâmica para a tela de detalhes de curso onde geraremos durante o build uma página estática para cada curso retornado do backend, o YouTube no nosso caso.


Links mencionados no vídeo:
📖 Repositório do projeto - https://github.com/lvsouza/youtube-ne...
🅵 Protótipo - https://www.figma.com/community/file/...
🗨️ Discord -   / discord  

Outros cursos no canal:
🔔 NextJS, TailwindCSS e Typescript -    • NextJS, TailwindCSS e Typescript: #00 - Ap...  
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação do curso  
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso de f...  
⭐️ Curso de React com typescript -    • Curso de react: Aula 01 - Começando com Re...  
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #00 - I...  
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Apresen...  

Livros recomendados:
📘 Código limpo - https://amzn.to/43Xiick
📘 Arquitetura limpa - https://amzn.to/3ZMCStr
📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ
📘 The Micro SaaS Handbook - https://amzn.to/4jCan93

Conteúdo:
0:00 | Introdução
0:35 | O que faremos nessa aula
2:00 | Entendendo o static generation do NextJS
5:00 | Revisando as alterações no código
8:40 | Ajustando o course header para funcionar no build
11:11 | Commit dos ajustes
11:20 | Finalização e agradecimentos


CODARSE - Conectar com API do YouTube

#DesenvolvimentoWeb #ReactJS #CursoGratuito #Frontend #Programação #JavaScript #ComponentesReact #InterWave #PlayerDeVideo #DesenvolvimentoDeSoftware #API #YouTubeAPI #ExperiênciaDoUsuário #InterfacesInterativas #ReactTutorial #Programador #DicasDeProgramação #Coding #WebDevelopment #ReactComponents #DynamicImport #SSR #Hydration #WebDesign #DesenvolvimentoFrontend #AprendaReact #Tecnologia #DesenvolvimentoDeApps #JavaScriptParaIniciantes #ProgramaçãoWeb