Skip to content

Commit 2398e07

Browse files
RenatoFrancaRenatoFranca
committed
Initial commit from Create Next App
0 parents  commit 2398e07

11 files changed

+5156
-0
lines changed

‎.gitignore

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
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+
27+
# local env files
28+
.env.local
29+
.env.development.local
30+
.env.test.local
31+
.env.production.local
32+
33+
# vercel
34+
.vercel

‎README.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
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+
## Learn More
18+
19+
To learn more about Next.js, take a look at the following resources:
20+
21+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
22+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
23+
24+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
25+
26+
## Deploy on Vercel
27+
28+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
29+
30+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎package.json

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "nextjs",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev",
7+
"build": "next build",
8+
"start": "next start"
9+
},
10+
"dependencies": {
11+
"next": "9.5.3",
12+
"react": "16.13.1",
13+
"react-dom": "16.13.1"
14+
}
15+
}

‎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

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

‎pages/index.js

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

‎public/favicon.ico

14.7 KB
Binary file not shown.

‎public/vercel.svg

+4
Loading

‎styles/Home.module.css

+123
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
.container {
2+
min-height: 100vh;
3+
padding: 0 0.5rem;
4+
display: flex;
5+
flex-direction: column;
6+
justify-content: center;
7+
align-items: center;
8+
}
9+
10+
.main {
11+
padding: 5rem 0;
12+
flex: 1;
13+
display: flex;
14+
flex-direction: column;
15+
justify-content: center;
16+
align-items: center;
17+
}
18+
19+
.footer {
20+
width: 100%;
21+
height: 100px;
22+
border-top: 1px solid #eaeaea;
23+
display: flex;
24+
justify-content: center;
25+
align-items: center;
26+
}
27+
28+
.footer img {
29+
margin-left: 0.5rem;
30+
}
31+
32+
.footer a {
33+
display: flex;
34+
justify-content: center;
35+
align-items: center;
36+
}
37+
38+
.title a {
39+
color: #0070f3;
40+
text-decoration: none;
41+
}
42+
43+
.title a:hover,
44+
.title a:focus,
45+
.title a:active {
46+
text-decoration: underline;
47+
}
48+
49+
.title {
50+
margin: 0;
51+
line-height: 1.15;
52+
font-size: 4rem;
53+
}
54+
55+
.title,
56+
.description {
57+
text-align: center;
58+
}
59+
60+
.description {
61+
line-height: 1.5;
62+
font-size: 1.5rem;
63+
}
64+
65+
.code {
66+
background: #fafafa;
67+
border-radius: 5px;
68+
padding: 0.75rem;
69+
font-size: 1.1rem;
70+
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
71+
Bitstream Vera Sans Mono, Courier New, monospace;
72+
}
73+
74+
.grid {
75+
display: flex;
76+
align-items: center;
77+
justify-content: center;
78+
flex-wrap: wrap;
79+
80+
max-width: 800px;
81+
margin-top: 3rem;
82+
}
83+
84+
.card {
85+
margin: 1rem;
86+
flex-basis: 45%;
87+
padding: 1.5rem;
88+
text-align: left;
89+
color: inherit;
90+
text-decoration: none;
91+
border: 1px solid #eaeaea;
92+
border-radius: 10px;
93+
transition: color 0.15s ease, border-color 0.15s ease;
94+
}
95+
96+
.card:hover,
97+
.card:focus,
98+
.card:active {
99+
color: #0070f3;
100+
border-color: #0070f3;
101+
}
102+
103+
.card h3 {
104+
margin: 0 0 1rem 0;
105+
font-size: 1.5rem;
106+
}
107+
108+
.card p {
109+
margin: 0;
110+
font-size: 1.25rem;
111+
line-height: 1.5;
112+
}
113+
114+
.logo {
115+
height: 1em;
116+
}
117+
118+
@media (max-width: 600px) {
119+
.grid {
120+
width: 100%;
121+
flex-direction: column;
122+
}
123+
}

‎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)