Skip to content

Commit a6829f6

Browse files
zineanteohzineanteoh
committed
Initial commit from Create Next App
0 parents  commit a6829f6

13 files changed

+1945
-0
lines changed

‎.eslintrc.json

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

‎.gitignore

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
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

‎README.md

+34
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 `pages/index.js`. 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.js`.
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.

‎next.config.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/** @type {import('next').NextConfig} */
2+
const nextConfig = {
3+
reactStrictMode: true,
4+
}
5+
6+
module.exports = nextConfig

‎package.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"name": "cross-year",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev",
7+
"build": "next build",
8+
"start": "next start",
9+
"lint": "next lint"
10+
},
11+
"dependencies": {
12+
"next": "12.1.4",
13+
"react": "18.0.0",
14+
"react-dom": "18.0.0"
15+
},
16+
"devDependencies": {
17+
"eslint": "8.12.0",
18+
"eslint-config-next": "12.1.4"
19+
}
20+
}

‎pages/_app.js

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import '../styles/globals.css'
2+
3+
function MyApp({ Component, pageProps }) {
4+
return <Component {...pageProps} />
5+
}
6+
7+
export default MyApp

‎pages/api/hello.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2+
3+
export default function handler(req, res) {
4+
res.status(200).json({ name: 'John Doe' })
5+
}

‎pages/index.js

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import Head from 'next/head'
2+
import Image from 'next/image'
3+
import styles from '../styles/Home.module.css'
4+
5+
export default function Home() {
6+
return (
7+
<div className={styles.container}>
8+
<Head>
9+
<title>Create Next App</title>
10+
<meta name="description" content="Generated by create next app" />
11+
<link rel="icon" href="/favicon.ico" />
12+
</Head>
13+
14+
<main className={styles.main}>
15+
<h1 className={styles.title}>
16+
Welcome to <a href="https://nextjs.org">Next.js!</a>
17+
</h1>
18+
19+
<p className={styles.description}>
20+
Get started by editing{' '}
21+
<code className={styles.code}>pages/index.js</code>
22+
</p>
23+
24+
<div className={styles.grid}>
25+
<a href="https://nextjs.org/docs" className={styles.card}>
26+
<h2>Documentation &rarr;</h2>
27+
<p>Find in-depth information about Next.js features and API.</p>
28+
</a>
29+
30+
<a href="https://nextjs.org/learn" className={styles.card}>
31+
<h2>Learn &rarr;</h2>
32+
<p>Learn about Next.js in an interactive course with quizzes!</p>
33+
</a>
34+
35+
<a
36+
href="https://github.com/vercel/next.js/tree/canary/examples"
37+
className={styles.card}
38+
>
39+
<h2>Examples &rarr;</h2>
40+
<p>Discover and deploy boilerplate example Next.js projects.</p>
41+
</a>
42+
43+
<a
44+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
45+
className={styles.card}
46+
>
47+
<h2>Deploy &rarr;</h2>
48+
<p>
49+
Instantly deploy your Next.js site to a public URL with Vercel.
50+
</p>
51+
</a>
52+
</div>
53+
</main>
54+
55+
<footer className={styles.footer}>
56+
<a
57+
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
58+
target="_blank"
59+
rel="noopener noreferrer"
60+
>
61+
Powered by{' '}
62+
<span className={styles.logo}>
63+
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
64+
</span>
65+
</a>
66+
</footer>
67+
</div>
68+
)
69+
}

‎public/favicon.ico

25.3 KB
Binary file not shown.

‎public/vercel.svg

+4
Loading

‎styles/Home.module.css

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
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 a {
32+
color: #0070f3;
33+
text-decoration: none;
34+
}
35+
36+
.title a:hover,
37+
.title a:focus,
38+
.title a:active {
39+
text-decoration: underline;
40+
}
41+
42+
.title {
43+
margin: 0;
44+
line-height: 1.15;
45+
font-size: 4rem;
46+
}
47+
48+
.title,
49+
.description {
50+
text-align: center;
51+
}
52+
53+
.description {
54+
margin: 4rem 0;
55+
line-height: 1.5;
56+
font-size: 1.5rem;
57+
}
58+
59+
.code {
60+
background: #fafafa;
61+
border-radius: 5px;
62+
padding: 0.75rem;
63+
font-size: 1.1rem;
64+
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
65+
Bitstream Vera Sans Mono, Courier New, monospace;
66+
}
67+
68+
.grid {
69+
display: flex;
70+
align-items: center;
71+
justify-content: center;
72+
flex-wrap: wrap;
73+
max-width: 800px;
74+
}
75+
76+
.card {
77+
margin: 1rem;
78+
padding: 1.5rem;
79+
text-align: left;
80+
color: inherit;
81+
text-decoration: none;
82+
border: 1px solid #eaeaea;
83+
border-radius: 10px;
84+
transition: color 0.15s ease, border-color 0.15s ease;
85+
max-width: 300px;
86+
}
87+
88+
.card:hover,
89+
.card:focus,
90+
.card:active {
91+
color: #0070f3;
92+
border-color: #0070f3;
93+
}
94+
95+
.card h2 {
96+
margin: 0 0 1rem 0;
97+
font-size: 1.5rem;
98+
}
99+
100+
.card p {
101+
margin: 0;
102+
font-size: 1.25rem;
103+
line-height: 1.5;
104+
}
105+
106+
.logo {
107+
height: 1em;
108+
margin-left: 0.5rem;
109+
}
110+
111+
@media (max-width: 600px) {
112+
.grid {
113+
width: 100%;
114+
flex-direction: column;
115+
}
116+
}

‎styles/globals.css

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
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+
}

0 commit comments

Comments
 (0)