MENU

Component Reference

These are the built-in components and modules referenced throughout this site's other chapters. Each row is a one-sentence reminder of its purpose -- follow the link for the dedicated chapter covering props, examples, and edge cases.

<Image> (Image)	Drop-in replacement for the HTML <img> tag from `next/image` that automatically optimizes, resizes, and lazy-loads images, and prevents layout shift by requiring width and height (or `fill`).
next/font (Font)	Self-hosts and optimizes web fonts (including Google Fonts) at build time, removing the extra network round trip a <link> to an external font host would otherwise cause and avoiding layout shift from late-loading fonts.
<Script> (Script)	Replacement for the HTML <script> tag from `next/script` that controls when a third-party script loads relative to page interactivity via its `strategy` prop (`beforeInteractive`, `afterInteractive`, `lazyOnload`).
<Link> (Link)	Replacement for the HTML <a> tag from `next/link` that enables client-side navigation between routes and automatically prefetches the linked route's code and data.
<Form> (Form)	Extends the HTML <form> tag from `next/form` to prefetch and client-side navigate to the target route on submission (for GET forms), combining ordinary form semantics with router-level performance.