À quel point travaillez-vous étroitement avec Next.js ? Quelles fonctionnalités utilisez-vous ?

J'ai travaillé avec Next.js sur des projets de complexité moyenne à élevée. J'utilise les fonctionnalités suivantes:

• SSR (Rendu côté serveur) pour améliorer le référencement et un rendu initial rapide.
• Génération statique (SSG) pour les pages avec un contenu peu changé, ce qui accélère le chargement.
• Routes API pour créer des points de terminaison backend directement dans le projet.
• Routing dynamique pour faciliter la création de pages avec des paramètres.
• Optimisation d'images avec le composant <Image> pour l'optimisation automatique des images.
• Utilisation de getStaticProps et getServerSideProps pour charger des données lors de la construction ou de la requête.

Exemple d'utilisation de getStaticProps:

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

function Page({ data }) {
  return <div>{data.title}</div>;
}

export default Page;