9 points par ragingwind 2023-04-07 | 2 commentaires | Partager sur WhatsApp
  • Ajout de l’API de métadonnées basée sur les fichiers
    • Convertit les métadonnées exportées dynamiquement ou statiquement depuis page ou layout en valeurs pour les balises title, link et meta du HTML
    • Avec les métadonnées basées sur la configuration, lit les fichiers selon des conventions de nommage et ajoute leurs valeurs de méta à la page
      • ex. s’il existe un fichier nommé opengraph-image.jpg => ajout d’une conversion vers <meta property=og:image” .. />
    • L’API Metadata est prise en charge à partir de l’App Router (app) de la version 13.3
  • Génération dynamique d’images Open Graph : permet de générer des images dynamiques avec ImageResponse sans package externe supplémentaire. Si opengraph-image.tsx est utilisé dans les métadonnées basées sur la configuration mentionnées plus haut, il est possible de générer au moment de la requête les valeurs Open Graph appropriées ainsi que l’image Twitter
  • Export statique pour l’App Router : l’App Router prend désormais en charge les pages entièrement statiques.
    • Ajoutez l’option output: ‘export’, dans le fichier de configuration puis exécutez next build pour générer une page HTML pour chaque route
    • Lorsqu’une page est rendue en récupérant des données dynamiques, même dans le cas des Server Components, les données sont récupérées pendant le build pour générer le HTML
    • Si l’on ne sait pas au moment du build quelles données doivent être récupérées, utilisez un Client Component
  • Routes parallèles et interception : Next.js 13.3 introduit de nouvelles conventions dynamiques permettant d’implémenter des techniques de routage avancées.
    • Routes parallèles : il est possible d’afficher simultanément une ou plusieurs pages (selon les conditions) sur le même écran ; on peut définir plusieurs slots commençant par @ et rendre une page différente pour chaque slot
    • Interception de routes : en utilisant une convention commençant par (..), il est possible de charger une nouvelle route dans le layout actuel. Utile pour conserver les informations de contexte de la page actuelle

2 commentaires

 
kdy1234 2023-04-08

Malheureusement, cette fois, presque aucun de mes patchs n’a été intégré.
J’ai corrigé un problème lié à Wasm, mais ça n’a pas encore été pris en compte à cause de la review et du travail lié à la CI.

 
chanhee 2023-04-08

Je m’attendais à ce que ce soit inclus cette fois-ci, donc je suis déçu. Merci pour votre travail~