Tutorial

Next.js intermediário

Você já mergulhou no mundo do Next.js com nossa introdução, agora é hora de explorar mais a fundo e dominar mais funcionalidades deste poderoso framework React.

O Next.js se tornou o queridinho dos desenvolvedores front-end e full-stack, e por uma boa razão. Com sua integração perfeita com React e uma gama de recursos poderosos, ele oferece uma experiência de desenvolvimento incomparável. Desde a adoção do SSR (server-side rendering) como padrão até a introdução dos revolucionários Server Components na versão 18 do React, o Next.js está constantemente inovando para oferecer o melhor em performance e eficiência.

Neste workshop, vamos mergulhar em novidades como:

  • Diferenças de Static vs Dynamic Rendering: Explore as vantagens e desvantagens de renderização estática e dinâmica, e descubra como escolher a abordagem certa para seu projeto.
  • Streaming e Skeletons: Aprenda a criar interfaces de usuário responsivas e dinâmicas utilizando streaming e skeletons para uma experiência de carregamento mais suave e agradável.
  • Partial Prerendering: Descubra como aplicar o pré-renderização parcial para otimizar o desempenho de suas aplicações e melhorar o tempo de carregamento.
  • Search and Pagination: Domine técnicas avançadas de busca e paginação para criar experiências de usuário fluidas e eficientes em suas aplicações.
  • Mutating Data: Explore estratégias para manipular e atualizar dados de forma eficaz em suas aplicações Next.js.
  • Server Actions: Aprofunde-se no uso de ações do servidor para lidar com lógica de negócios complexa e operações assíncronas em seu aplicativo.
  • Handling Errors: Aprenda melhores práticas para lidar com erros e exceções em suas aplicações, garantindo uma experiência de usuário robusta e confiável.

Pré-requisitos:

É recomendado ter um conhecimento básico/intermediário em React e JavaScript para aproveitar ao máximo este workshop. Se você ainda não está familiarizado com os fundamentos do desenvolvimento web, sugerimos que comece por lá antes de se aventurar em frameworks mais avançados como o Next.js.