Analyse de Next Faster

Le projet

Parmi les techniques utilisées pour optimiser les performances, on note :

Rendu côté serveur (Server-Side Rendering)

Prérendu partiel (Partial Prerendering)

Optimisation des images

index.js

// Si on est en mode preview et qu'il existe un brouillon, on le récupère
  if (preview && !post?.isDraft) {
    const draftQuery = `*[_type == "post" && _id == $draftId][0]`;
    const draftPost = await client.fetch(
      draftQuery,
      { draftId: `drafts.${post._id}` },
      { cache: 'no-store' }
    );
    
    if (draftPost) {
      post = draftPost;
    }
  }