527afe1cae
Migrate examples using `@next/font` to `next/font`. ## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] [e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
82 lines
2.3 KiB
TypeScript
82 lines
2.3 KiB
TypeScript
import Image from 'next/image'
|
|
import { Inter } from 'next/font/google'
|
|
import styles from './page.module.css'
|
|
import Content from './message.mdx'
|
|
|
|
const inter = Inter({ subsets: ['latin'] })
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className={`${styles.main} ${inter.className}`}>
|
|
<div className={styles.description}>
|
|
<p>
|
|
Get started by editing
|
|
<code className={styles.code}>app/page.tsx</code>
|
|
</p>
|
|
<div>
|
|
<a
|
|
href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
By{' '}
|
|
<Image
|
|
src="/vercel.svg"
|
|
alt="Vercel Logo"
|
|
className={styles.vercelLogo}
|
|
width={100}
|
|
height={24}
|
|
priority
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div className={styles.center}>
|
|
<div>
|
|
<Content />
|
|
</div>
|
|
</div>
|
|
|
|
<div className={styles.grid}>
|
|
<a
|
|
href="https://beta.nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
|
className={styles.card}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2>
|
|
Docs <span>-></span>
|
|
</h2>
|
|
<p>Find in-depth information about Next.js features and API.</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
|
className={styles.card}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2>
|
|
Templates <span>-></span>
|
|
</h2>
|
|
<p>Explore the Next.js 13 playground.</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
|
className={styles.card}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2>
|
|
Deploy <span>-></span>
|
|
</h2>
|
|
<p>
|
|
Instantly deploy your Next.js site to a shareable URL with Vercel.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|