📚 Cheatsheet

// app/dashboard/layout.js
export default function DashboardLayout({ children }) {
  return (
    <section>
      {/* ... navigation ... */}
      {children}
    </section>
  );
}

// app/dashboard/page.js
export default function Page() {
  return <h1>Tableau de bord</h1>;
}

// app/blog/[slug]/page.js
export default function Page({ params }) {
  return <div>Mon Post: {params.slug}</div>;
}

// pages/about.js
function AboutPage() {
  return <h1>À propos de nous</h1>;
}

export default AboutPage;

import Link from 'next/link';

function HomePage() {
  return <Link href="/about">À propos</Link>;
}

import { useRouter } from 'next/router';

function MyComponent() {
  const router = useRouter();
  const handleClick = () => router.push('/dashboard');
  // ...
}

// pages/posts/[id].js
import { useRouter } from 'next/router';

function PostPage() {
  const router = useRouter();
  const { id } = router.query;

  return <p>Post: {id}</p>;
}

// pages/docs/[...slug].js
// URL /docs/a/b/c -> slug = ['a', 'b', 'c']