Lançamento do Next.js 13.3
(nextjs.org)- Adição da File-Based Metadata API
- Converte Metadata exportado de forma dinâmica ou estática em
pageoulayoutem valores para as tagstitle,linkemetado 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” .. />
- ex.: se existir um arquivo chamado
- A Metadata API é compatível a partir do App Router (
app) no 13.3
- Converte Metadata exportado de forma dinâmica ou estática em
- Dynamic Open Graph Image Generation: é possível gerar imagens dinâmicas usando
ImageResponsesem pacotes externos adicionais. Se você usaropengraph-image.tsxno 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 executenext 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
- Adicione a opção
- 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
- 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
2 comentários
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.
Eu estava esperando e achei que isso seria incluído desta vez, então é uma pena. Obrigado pelo trabalho duro~