9 pontos por ragingwind 2023-04-07 | 2 comentários | Compartilhar no WhatsApp
  • Adição da File-Based Metadata API
    • Converte Metadata exportado de forma dinâmica ou estática em page ou layout em valores para as tags title, link e meta do HTML
    • Metadata baseado em configuração: lê arquivos de acordo com regras de nomenclatura e adiciona seus valores de meta à página
      • ex.: se existir um arquivo chamado opengraph-image.jpg => ele é convertido e adicionado como <meta property=og:image” .. />
    • A Metadata API é compatível a partir do App Router (app) no 13.3
  • Dynamic Open Graph Image Generation: é possível gerar imagens dinâmicas usando ImageResponse sem pacotes externos adicionais. Se você usar opengraph-image.tsx no config-based metadata mencionado acima, será possível gerar no momento da requisição os valores corretos de Open Graph e imagens do Twitter
  • Static Export for App Router: o App Router agora oferece suporte completo a páginas totalmente estáticas.
    • Adicione a opção output: ‘export’, ao arquivo de configuração e execute next build; então será gerada uma página HTML para cada rota
    • Quando a renderização busca dados dinâmicos, mesmo no caso de Server Components, os dados são buscados durante o build e gerados em HTML
    • Se no momento do build não for possível saber quais dados precisam ser buscados, use Client Component
  • Parallel Routes and Interception: o Next.js 13.3 introduz novas convenções dinâmicas que permitem implementar técnicas avançadas de roteamento.
    • Parallel Routes: é possível renderizar uma ou mais páginas ao mesmo tempo (dependendo da condição) na mesma tela; você pode definir vários slots começando com @ e renderizar páginas diferentes em cada slot
    • Intercepting routes: usando a convenção iniciada com (..), é possível carregar uma nova rota dentro do layout atual. Isso é útil para manter as informações de contexto da página atual

2 comentários

 
kdy1234 2023-04-08

Infelizmente, desta vez quase nenhum dos meus patches entrou.
Corrigi um problema de Wasm, mas ainda não foi incorporado por causa da revisão e de tarefas relacionadas ao CI.

 
chanhee 2023-04-08

Eu estava esperando e achei que isso seria incluído desta vez, então é uma pena. Obrigado pelo trabalho duro~