Next.js avançado - Aprenda Atomic Design com Chakra UI
What you'll learn
- Criar um SaaS completo com Landing Page e Dashboard de Agendamentos
- Metodologia Atomic Design aplicada com Chakra UI
- i18n para traduzir o projeto inteiro
- CRUD completo usando o poder do NextJS
- Migrar do Next 12 pro Next 15 simulando uma aplicação empresarial
- Criar componentes genéricos de formulário, tabelas e listas
- Assinaturas PIX pra qualquer SaaS operar
- Server Side Rendering (SSR) no Next 12 e no 15
- React Query e suas atualizações problemáticas
- Criar CRUDs completos em tabelas e telas com gerador de código
- Testes unitários com Jest e React testing library
- Criar hooks personalizadas e usar o Context API
- Componentes globais como Modal, Loading, NavBar e SideBar
- Metodologia Feature Sliced Design como arquitetura em projetos React
- Gráficos com Apex Charts
- Steppers e componentes complexos com Chakra Ui
- Websockets e Google Maps integrados
- Middleware do Nextjs 15
Requirements
- Experiência em React ou outros frameworks Javascript
- HTML, CSS e Javascript intermediário
- Saber ler documentação de biblioteca e framework
- Nextjs básico
Description
Aprimore suas habilidades de desenvolvimento web com o Curso Avançado de Next.js. Este curso é voltado para desenvolvedores experientes que desejam dominar as tecnologias essenciais para criar um CRUD completo, eficiente e escalável.
Aprenda a aplicar os princípios do Atomic Design em suas interfaces, utilizando a poderosa biblioteca de componentes Chakra UI para criar interfaces atraentes e responsivas. Explore os recursos avançados do React Hooks e Context API para gerenciar o estado e a lógica dos seus componentes de forma eficiente.
Além disso, você aprenderá a implementar testes unitários para garantir a qualidade e a estabilidade do seu código, utilizando bibliotecas populares como Jest e React Testing Library. Domine estratégias de teste para componentes, lógica de negócios e integrações com APIs externas.
Este curso vai além dos conceitos básicos, fornecendo uma visão abrangente de como construir sistemas complexos de agendamentos online com Next.js. Esteja preparado para enfrentar desafios reais de desenvolvimento web e elevar suas habilidades ao próximo nível.
Ao concluir o curso, você terá adquirido as habilidades necessárias para desenvolver um sistema de agendamentos online completo usando Next.js, Atomic Design, Chakra UI, React Hooks, Context API e testes unitários. Estará pronto para enfrentar desafios reais de desenvolvimento web e construir aplicações modernas, escaláveis e de alto desempenho.
Who this course is for:
- Devs querendo evoluir no front-end com aplicações organizadas
- Pessoas que gostem de conteúdo direto ao ponto e que ensine na prática, sem muita enrolação
- Devs cansados de cursos básicos que criam mil projetos paralelos
Instructor
- 3.7 Instructor Rating
- 4 Reviews
- 118 Students
- 1 Course
Com mais de 6 anos de experiência na área de TI, sigo louco para criar e compartilhar conteúdo.
Já trabalhei com PHP, C#, VB, Java, Angular e tudo o que você pode imaginar, mas foi como desenvolvedor Javascript que eu descobri a beleza de criar software usando React, React Native e NodeJs.
Meu principal projeto é justamente um aplicativo de agendamentos de serviços de beleza chamado Belezix. Com ele utilizei como tecnologia NodeJs/MongoDB e React Native. Todas as pedras que eu encontrei no caminho dele eu vou cantando pra você.
Atualmente trabalho com React.js e React Native, e sou mantenedor do canal do DevDoido no Youtube.