📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 3

Retour
App Router : Métadonnées dynamiques
Intermédiaire 
export async function generateMetadata({ params }) {
  const product = await getProduct(params.id);
  return {
    title: product.title,
  };
}
App Router : Métadonnées statiques
Facile 
// app/page.js ou app/layout.js
export const metadata = {
  title: 'Accueil',
  description: 'Généré par ...',
};
Utiliser le composant Head
Facile 
import Head from 'next/head';

function IndexPage() {
  return (
    <div>
      <Head>
        <title>Ma page</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      </Head>
    </div>
  );
}