mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Steven
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
107 lines
3.2 KiB
React
107 lines
3.2 KiB
React
import Head from "next/head";
|
|
import {
|
|
Container,
|
|
Row,
|
|
Col,
|
|
Button,
|
|
Card,
|
|
CardText,
|
|
CardTitle,
|
|
CardBody,
|
|
} from "reactstrap";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<Container className="md-container">
|
|
<Head>
|
|
<title>ReactJS with reactstrap</title>
|
|
<link rel="icon" href="/favicon-32x32.png" />
|
|
</Head>
|
|
<Container>
|
|
<h1>
|
|
Welcome to <a href="https://nextjs.org">Next.js!</a>
|
|
</h1>
|
|
<p>
|
|
Get started by editing <code>pages/index.js</code>
|
|
</p>
|
|
<Container>
|
|
<Row>
|
|
<Col sm="6">
|
|
<Card className="my-3">
|
|
<CardBody>
|
|
<CardTitle tag="h5">Documentation</CardTitle>
|
|
<CardText>
|
|
Find in-depth information about Next.js features and API.
|
|
</CardText>
|
|
<Button color="primary" href="https://nextjs.org/docs">
|
|
More →
|
|
</Button>
|
|
</CardBody>
|
|
</Card>
|
|
</Col>
|
|
<Col sm="6">
|
|
<Card className="my-3">
|
|
<CardBody>
|
|
<CardTitle tag="h5">Learn</CardTitle>
|
|
<CardText>
|
|
Learn about Next.js in an interactive course with quizzes!
|
|
</CardText>
|
|
<Button color="primary" href="https://nextjs.org/learn">
|
|
More →
|
|
</Button>
|
|
</CardBody>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
<Row>
|
|
<Col sm="6">
|
|
<Card className="my-3">
|
|
<CardBody>
|
|
<CardTitle tag="h5">Examples</CardTitle>
|
|
<CardText>
|
|
Discover and deploy boilerplate example Next.js projects.
|
|
</CardText>
|
|
<Button
|
|
color="primary"
|
|
href="https://github.com/vercel/next.js/tree/canary/examples"
|
|
>
|
|
More →
|
|
</Button>
|
|
</CardBody>
|
|
</Card>
|
|
</Col>
|
|
<Col sm="6">
|
|
<Card className="my-3">
|
|
<CardBody>
|
|
<CardTitle tag="h5">Deploy</CardTitle>
|
|
<CardText>
|
|
Instantly deploy your Next.js site to a public URL with
|
|
Vercel.
|
|
</CardText>
|
|
<Button
|
|
color="primary"
|
|
href="https://vercel.com/new?utm_source=github&utm_medium=example&utm_campaign=next-example"
|
|
>
|
|
More →
|
|
</Button>
|
|
</CardBody>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
</Container>
|
|
</Container>
|
|
|
|
<footer className="cntr-footer">
|
|
<a
|
|
href="https://vercel.com?filter=next.js&utm_source=github&utm_medium=example&utm_campaign=next-example"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Powered by{" "}
|
|
<img src="/vercel.svg" alt="Vercel Logo" className="sml-logo" />
|
|
</a>
|
|
</footer>
|
|
</Container>
|
|
);
|
|
}
|