Skip to content

Commit b187f58

Browse files
leerobleerob
committed
Initial commit from Create Next App
0 parents  commit b187f58

15 files changed

+5225
-0
lines changed

‎.eslintrc.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "next/core-web-vitals"
3+
}

‎.gitignore

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
.pnpm-debug.log*
27+
28+
# local env files
29+
.env*.local
30+
31+
# vercel
32+
.vercel
33+
34+
# typescript
35+
*.tsbuildinfo
36+
next-env.d.ts

‎README.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
```
12+
13+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14+
15+
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
16+
17+
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
18+
19+
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20+
21+
## Learn More
22+
23+
To learn more about Next.js, take a look at the following resources:
24+
25+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27+
28+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29+
30+
## Deploy on Vercel
31+
32+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33+
34+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎app/globals.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
html,
2+
body {
3+
padding: 0;
4+
margin: 0;
5+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
6+
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
7+
}
8+
9+
a {
10+
color: inherit;
11+
text-decoration: none;
12+
}
13+
14+
* {
15+
box-sizing: border-box;
16+
}
17+
18+
@media (prefers-color-scheme: dark) {
19+
html {
20+
color-scheme: dark;
21+
}
22+
body {
23+
color: white;
24+
background: black;
25+
}
26+
}

‎app/head.tsx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
export default function Head() {
2+
return (
3+
<>
4+
<title>Create Next App</title>
5+
<meta content="width=device-width, initial-scale=1" name="viewport" />
6+
<meta name="description" content="Generated by create next app" />
7+
<link rel="icon" href="/favicon.ico" />
8+
</>
9+
)
10+
}

‎app/layout.tsx

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import './globals.css'
2+
3+
export default function RootLayout({
4+
children,
5+
}: {
6+
children: React.ReactNode
7+
}) {
8+
return (
9+
<html lang="en">
10+
{/*
11+
<head /> will contain the components returned by the nearest parent
12+
head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
13+
*/}
14+
<head />
15+
<body>{children}</body>
16+
</html>
17+
)
18+
}

‎app/page.module.css

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
.container {
2+
padding: 0 2rem;
3+
}
4+
5+
.main {
6+
min-height: 100vh;
7+
padding: 4rem 0;
8+
flex: 1;
9+
display: flex;
10+
flex-direction: column;
11+
justify-content: center;
12+
align-items: center;
13+
}
14+
15+
.footer {
16+
display: flex;
17+
flex: 1;
18+
padding: 2rem 0;
19+
border-top: 1px solid #eaeaea;
20+
justify-content: center;
21+
align-items: center;
22+
}
23+
24+
.footer a {
25+
display: flex;
26+
justify-content: center;
27+
align-items: center;
28+
flex-grow: 1;
29+
}
30+
31+
.title {
32+
margin: 0;
33+
line-height: 1.15;
34+
font-size: 4rem;
35+
font-style: normal;
36+
font-weight: 800;
37+
letter-spacing: -0.025em;
38+
}
39+
40+
.title a {
41+
text-decoration: none;
42+
color: #0070f3;
43+
}
44+
45+
.title a:hover,
46+
.title a:focus,
47+
.title a:active {
48+
text-decoration: underline;
49+
}
50+
51+
.title,
52+
.description {
53+
text-align: center;
54+
}
55+
56+
.description {
57+
margin: 4rem 0;
58+
line-height: 1.5;
59+
font-size: 1.5rem;
60+
}
61+
62+
.code {
63+
background: #fafafa;
64+
border-radius: 5px;
65+
padding: 0.75rem;
66+
font-size: 1.1rem;
67+
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
68+
Bitstream Vera Sans Mono, Courier New, monospace;
69+
}
70+
71+
.grid {
72+
display: flex;
73+
align-items: center;
74+
justify-content: center;
75+
flex-wrap: wrap;
76+
max-width: 1200px;
77+
}
78+
79+
.card {
80+
margin: 1rem;
81+
padding: 1.5rem;
82+
text-align: left;
83+
color: inherit;
84+
text-decoration: none;
85+
border: 1px solid #eaeaea;
86+
border-radius: 10px;
87+
transition: color 0.15s ease, border-color 0.15s ease;
88+
max-width: 300px;
89+
}
90+
91+
.card:hover,
92+
.card:focus,
93+
.card:active {
94+
color: #0070f3;
95+
border-color: #0070f3;
96+
}
97+
98+
.card h2 {
99+
margin: 0 0 1rem 0;
100+
font-size: 1.5rem;
101+
}
102+
103+
.card p {
104+
margin: 0;
105+
font-size: 1.25rem;
106+
line-height: 1.5;
107+
}
108+
109+
.logo {
110+
height: 1em;
111+
margin-left: 0.5rem;
112+
}
113+
114+
@media (max-width: 600px) {
115+
.grid {
116+
width: 100%;
117+
flex-direction: column;
118+
}
119+
}
120+
121+
@media (prefers-color-scheme: dark) {
122+
.title {
123+
background: linear-gradient(180deg, #ffffff 0%, #aaaaaa 100%);
124+
-webkit-background-clip: text;
125+
-webkit-text-fill-color: transparent;
126+
background-clip: text;
127+
text-fill-color: transparent;
128+
}
129+
.title a {
130+
background: linear-gradient(180deg, #0070f3 0%, #0153af 100%);
131+
-webkit-background-clip: text;
132+
-webkit-text-fill-color: transparent;
133+
background-clip: text;
134+
text-fill-color: transparent;
135+
}
136+
.card,
137+
.footer {
138+
border-color: #222;
139+
}
140+
.code {
141+
background: #111;
142+
}
143+
.logo img {
144+
filter: invert(1);
145+
}
146+
}

‎app/page.tsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
import Image from 'next/image'
2+
import styles from './page.module.css'
3+
4+
export default function Home() {
5+
return (
6+
<div className={styles.container}>
7+
<main className={styles.main}>
8+
<h1 className={styles.title}>
9+
Welcome to <a href="https://nextjs.org">Next.js 13!</a>
10+
</h1>
11+
12+
<p className={styles.description}>
13+
Get started by editing{' '}
14+
<code className={styles.code}>app/page.tsx</code>
15+
</p>
16+
17+
<div className={styles.grid}>
18+
<a href="https://beta.nextjs.org/docs" className={styles.card}>
19+
<h2>Documentation &rarr;</h2>
20+
<p>Find in-depth information about Next.js 13</p>
21+
</a>
22+
23+
<a
24+
href="https://github.com/vercel/next.js/tree/canary/examples"
25+
className={styles.card}
26+
>
27+
<h2>Examples &rarr;</h2>
28+
<p>Explore the Next.js 13 playground.</p>
29+
</a>
30+
31+
<a
32+
href="https://vercel.com/templates/next.js/app-directory?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
33+
target="_blank"
34+
rel="noopener noreferrer"
35+
className={styles.card}
36+
>
37+
<h2>Deploy &rarr;</h2>
38+
<p>Deploy your Next.js site to a public URL with Vercel.</p>
39+
</a>
40+
</div>
41+
</main>
42+
43+
<footer className={styles.footer}>
44+
<a
45+
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
46+
target="_blank"
47+
rel="noopener noreferrer"
48+
>
49+
Powered by{' '}
50+
<span className={styles.logo}>
51+
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
52+
</span>
53+
</a>
54+
</footer>
55+
</div>
56+
)
57+
}

‎next.config.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/** @type {import('next').NextConfig} */
2+
const nextConfig = {
3+
experimental: {
4+
appDir: true,
5+
},
6+
}
7+
8+
module.exports = nextConfig

0 commit comments

Comments
 (0)