React Avançado: Crie aplicações com NextJS, Strapi e mais
Aprenda a criar um e-commerce real do zero, indo do backend ao frontend até o deploy para produçao!

What you will learn
Criar APIs rapidamente com o Strapi
Boas práticas em ReactJS
Boas práticas com Styled Components
Boas práticas com Testes
Server Side Rendering (SSR)
Static Site Generation (SSG)
Rotas simples e dinâmicas no NextJS
Funcionamento do GraphQL
Criar componentes ReactJS do zero
Utilizar componentes third-party
Utilizar Storybook
Why take this course?
🎉 React Avançado: Crie um E-commerce Real com NextJS, Strapi e mais! 🛍️🚀
Headline:
Desculpe, mas lembre-se que o curso React Avançado para criar um e-commerce real não receberá mais atualizações. No entanto, grande parte do conteúdo ainda é altamente relevante e atual com as mudanças nas bibliotecas/frameworks!
Introdução:
Este curso é uma jornada completa para desenvolvedores interessados em construir um e-commerce de jogos funcional, desde o backend até o deploy para produção. Você aprenderá a criar uma solução robusta e escalável, incluindo sistemas de pagamento e área do cliente para compras seguras e confortáveis.
🛒 Projeto Principal: E-commerce de Jogos
- Frontend com ReactJS & NextJS: Construa uma interface de usuário responsiva e dinâmica.
- Backend com Strapi & GraphQL: Configure um CMS personalizado para gerenciamento de produtos, categorias e promoções.
- Deploy em Produção: Aprenda a implantar sua aplicação usando ferramentas modernas de CI/CD.
Estrutura do Curso:
-
Introdução e Arquitetura do Projeto
- Explore a stack tecnológica escolhida e compreenda os motivos por trás de cada escolha.
- Configure o boilerplate inicial, incluindo ferramentas como Eslint, Prettier, e TypeScript para garantir a qualidade do código.
- Aprenda a integrar Styled Components em um ambiente de SSR (Server Side Rendering) e PWA (Progressive Web App).
-
Strapi e GraphQL
- Domine o Strapi, desde a criação de conteúdo até a configuração de APIs personalizadas.
- Aprenda sobre o GraphQL, criando queries, mutations e filtros para interagir com o seu backend.
- Personalize o CMS para que ele encontre a necessidade da sua loja online.
-
NextJS, Storybook, Testes e Apollo
- Transforme layouts de Figma em componentes reais usando NextJS.
- Utilize Storybook para testar e visualizar componentes em diferentes estados e configurações.
- Escreva testes robustos para garantir a funcionalidade e a qualidade do seu projeto, utilizando ferramentas como E2E (End-to-End) e Cypress.
-
CI/CD e Deploy
- Entenda a importância de integrar e testar seu código continuamente.
- Aprenda a configurar pipelines de CI/CD para automatizar o processo de deploy.
- Conclua o curso sabendo como colocar sua aplicação em produção com segurança e eficiência.
Aprendizados Principais:
- Construção de um E-commerce Real: De backend a frontend, você estará pronto para lançar seu próprio site de jogos.
- Qualidade do Código: Testes unitários, integração e e2e garantem que o seu projeto seja robusto e livre de bugs.
- Deploy Profissional: Aprenda a colocar sua aplicação em produção com as melhores práticas de CI/CD.
Conclusão:
Este curso é ideal para desenvolvedores que buscam expandir suas habilidades no desenvolvimento de aplicações web e que estão interessados em entender o processo completo de criação, teste e implantação de um e-commerce. 🚀💻
Pré-requisitos:
- Conhecimentos básicos em ReactJS.
- Familiaridade com Node.js e JavaScript moderno.
- Compreensão dos conceitos básicos de versionamento (Git).
Prepare-se para:
- Aplicar as melhores práticas de desenvolvimento web.
- Construir um projeto escalável e mantenable.
- Colocar sua aplicação em produção com segurança e confiança.
👉 Dê o próximo passo na sua carreira como desenvolvedor web! Inscreva-se agora e transforme sua ideia de um e-commerce em realidade com React Avançado!
Screenshots




Our review
Parabéns por ter seguido um curso tão completo e detalhado sobre React! A maioria dos comentários que você mencionou são muito positivos, destacando a qualidade do conteúdo, a didática, e o valor educacional do curso. Alguns usuários também sugerem pontos que poderiam ser melhorados, como a apresentação das ferramentas de uma vez ou a necessidade de atualizar as versões das tecnologias usadas para evitar discrepâncias com as versões mais recentes.
O feedback geral é muito alto, com muitos alunos que encontraram grande valor no curso tanto para entender conceitos intermediários quanto para aplicar conhecimentos em projetos profissionais. Além disso, destaca-se a importância do curso estar atualizado e relevante para as práticas atuais de desenvolvimento com React.
Se você está responsável por criar esse curso, parabéns pela excelente trabalho realizado! Se for um aluno, parece que você fez uma escolha excepcional para aprimorar suas habilidades em React. Em qualquer caso, esses comentários reforçam a ideia de que o curso em questão é um recurso valioso para quem está interessado em profundizar seus conhecimentos em React e desenvolvimento web em geral.