4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import Link from "next/link";
|
|
import styles from "../styles.module.css";
|
|
import Code from "../components/Code";
|
|
|
|
export default function Index() {
|
|
return (
|
|
<div className={styles.container}>
|
|
<div className={styles.card}>
|
|
<h1>Headers with Next.js</h1>
|
|
<hr className={styles.hr} />
|
|
<p>
|
|
The links below are examples of{" "}
|
|
<Link
|
|
href="https://nextjs.org/docs/api-reference/next.config.js/headers"
|
|
legacyBehavior
|
|
>
|
|
<>
|
|
custom <Code>headers</Code>
|
|
</>
|
|
</Link>{" "}
|
|
added to your Next.js app.
|
|
</p>
|
|
<nav>
|
|
<ul className={styles.list}>
|
|
<li>
|
|
<a href="/about">
|
|
Visit /about (it contains a X-About-Custom-Header)
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<Link href="/news/123">
|
|
Visit /news/123 (it contains a X-News-Custom-Header)
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<p>
|
|
Open <Code>next.config.js</Code> to learn more about the headers that
|
|
match the links above.
|
|
</p>
|
|
<hr className={styles.hr} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|