SERGIO TOMASVoltar ao portfólio

Front-end · Ferramenta

Next.js

React com estratégias de renderização embutidas.

Onde usei
  • DOMVS iT
  • Stellar Gaming
01Visão geral

Next.js adiciona roteamento, renderização no servidor e padrões de performance ao React. Escolho quando SEO, velocidade no primeiro carregamento e uma boa experiência full-stack importam.

02Conceitos essenciais

O que qualquer pessoa que trabalha com isso precisa entender

  1. 01

    Roteamento

    App Router, layouts, rotas aninhadas e dinâmicas.

  2. 02

    Estratégias de renderização

    SSR, SSG, ISR e renderização no cliente — escolhendo por página.

  3. 03

    Server components

    Buscar dados no servidor e enviar menos JavaScript.

  4. 04

    Dados e cache

    Cache do fetch, revalidação e route handlers.

  5. 05

    Performance

    Otimização de imagens, fontes e scripts, Core Web Vitals.

  6. 06

    Deploy

    Runtimes Edge vs Node e deploy em plataformas cloud.

03Na prática
Stack principal do site que construí para um cliente da DOMVS iT, onde também participei das decisões de arquitetura e padrões de front-end.
04Relacionadas