rsnext/examples/headers/pages/about.tsx
Max Proske 5dd4999b64
Convert many examples to TypeScript (#41825)
Strategized with @balazsorban44 to open one larger PR, with changes to individual examples as separate commits. 

For each example, I researched how multiple realworld codebases use the featured technology with TypeScript, to thoughtfully convert them by hand - nothing automated whatsoever.

## Documentation / Examples

- [X] Make sure the linting passes by running `pnpm lint`
- [X] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
2022-10-26 20:28:55 +00:00

24 lines
674 B
TypeScript

import Link from 'next/link'
import styles from '../styles.module.css'
import Code from '../components/Code'
export default function About() {
return (
<div className={styles.container}>
<div className={styles.card}>
<h1>Path: /about</h1>
<hr className={styles.hr} />
<p>
The response contains a custom header{' '}
<Code>X-About-Custom-Header</Code> : <Code>about_header_value</Code>.
</p>
<p>
To check the response headers of this page, open the Network tab
inside your browser inspector.
</p>
<Link href="/">&larr; Back home</Link>
</div>
</div>
)
}