Posted by Se você busca aprender Next.js 13 na prática, integrando as melhores tecnologias do ecossistema React, não pode perder a série completa que disponibilizei no meu canal do YouTube. Nela, mostro passo a passo como desenvolver o frontend do projeto SCV utilizando Next.js 13.0.1, TypeScript, e também Styled Components para uma estilização moderna, escalável e reutilizável.
O que você vai aprender na série?
Essa série é totalmente prática e aborda desde a configuração inicial até a criação de uma interface responsiva e bem estruturada. Durante os vídeos, você irá:
- Configurar um ambiente com Next.js 13.0.1 e TypeScript;
- Criar páginas dinâmicas e estáticas seguindo o padrão do sistema de rotas do Next.js;
- Integrar sua aplicação com uma API backend criada com NestJS e Prisma;
- Utilizar Styled Components para organizar estilos em componentes reutilizáveis;
- Desenvolver uma interface responsiva com boas práticas de UI/UX;
- Aplicar conceitos de arquitetura limpa e organização de código.
Cada vídeo traz explicações detalhadas e exemplos funcionais, permitindo que você avance no aprendizado de forma consistente e construa habilidades valiosas para o mercado de trabalho.
Onde assistir à série de Next.js 13?
Todos os vídeos estão disponíveis no meu canal do YouTube, organizados em uma playlist dedicada ao projeto SCV – Frontend com Next.js 13 e Styled Components. Assim, você pode acompanhar o conteúdo na sequência lógica e revisar qualquer etapa quando precisar.
👉 Assista à série completa aqui
Baixe o código-fonte do projeto SCV
Para facilitar ainda mais o seu aprendizado, disponibilizo o repositório completo do projeto no GitHub. Lá você encontra todo o código desenvolvido durante os vídeos, inclusive com a implementação de Styled Components, podendo executá-lo localmente, revisar os conceitos e até contribuir com melhorias.
📁 Acesse o repositório oficial do projeto SCV:
github.com/luizpmonteiro8/01-youtube-scv
Por que usar Styled Components no projeto?
O Styled Components é uma das bibliotecas mais populares para estilização em projetos React e Next.js. Ele permite escrever CSS dentro de componentes React de forma intuitiva e organizada, oferecendo vantagens como:
- Estilos isolados por componente, evitando conflitos no CSS global;
- Reutilização fácil de componentes estilizados;
- Temas globais para padronização visual do projeto;
- Suporte a animações e media queries diretamente no componente.
Ao combinar Next.js 13 com Styled Components, você constrói interfaces modernas com uma base técnica sólida e escalável — ideal tanto para portfólio quanto para projetos profissionais.
