mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Manny Becerra
36eba95227
* copy cleanup in env. variables docs * copy cleanup in fast refresh docs * Supplements #33153 - updating existing cross-references to `master` branch to renamed default branch of `main` * Supplements #33153 - updating existing cross-references to `master` branch to renamed default branch of `main` Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
64 lines
2.4 KiB
JavaScript
64 lines
2.4 KiB
JavaScript
export default function Home() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center min-h-screen py-2">
|
|
<main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
|
|
<h1 className="text-6xl font-bold">
|
|
Welcome to{' '}
|
|
<a className="text-blue-600" href="https://nextjs.org" id="test-link">
|
|
Next.js!
|
|
</a>
|
|
</h1>
|
|
|
|
<p className="mt-3 text-2xl">
|
|
Get started by editing{' '}
|
|
<code className="p-3 font-mono text-lg bg-gray-100 rounded-md">
|
|
pages/index.js
|
|
</code>
|
|
</p>
|
|
|
|
<div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full">
|
|
<a
|
|
href="https://nextjs.org/docs"
|
|
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
|
|
>
|
|
<h3 className="text-2xl font-bold">Documentation →</h3>
|
|
<p className="mt-4 text-xl">
|
|
Find in-depth information about Next.js features and API.
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://nextjs.org/learn"
|
|
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
|
|
>
|
|
<h3 className="text-2xl font-bold">Learn →</h3>
|
|
<p className="mt-4 text-xl">
|
|
Learn about Next.js in an interactive course with quizzes!
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://github.com/vercel/next.js/tree/canary/examples"
|
|
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
|
|
>
|
|
<h3 className="text-2xl font-bold">Examples →</h3>
|
|
<p className="mt-4 text-xl">
|
|
Discover and deploy boilerplate example Next.js projects.
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://vercel.com/import?filter=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
|
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
|
|
>
|
|
<h3 className="text-2xl font-bold">Deploy →</h3>
|
|
<p className="mt-4 text-xl">
|
|
Instantly deploy your Next.js site to a public URL with Vercel.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|