Écrire une page de blog Next.js qui utilise l'API getStaticProps pour pré-rendre le billet de blog en fonction du slug.

Question

Examinez le code suivant pour une page de blog dans Next.js :

// pages/blog/[slug].js
export async function getStaticProps({ params }) {
  const postData = getBlogPostBySlug(params.slug);
  return { props: { postData } };
}

export default function BlogPost({ postData }) {
  return <article>{postData.content}</article>;
}

Que fait la fonction getStaticProps dans ce contexte ?

{postData.content}

; } ``` Que fait la fonction getStaticProps dans ce contexte ?

Accepted Answer

Elle récupère les données d'un article de blog basées sur le slug pour le pré-rendu statique.

Answer

Elle redirige les utilisateurs vers différentes routes en fonction du slug.

Answer

Elle initialise l'état global de l'application.

Answer

Elle gère les mutations de données côté serveur pour l'article de blog.

Question du test Next.js

Écrire une page de blog Next.js qui utilise l'API getStaticProps pour pré-rendre le billet de blog en fonction du slug.