Skip to content

Commit fbbc5d7

Browse files
ugglrugglr
committed
Initial commit from Create Next App
0 parents  commit fbbc5d7

17 files changed

+2721
-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: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
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+
# or
12+
pnpm dev
13+
```
14+
15+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
16+
17+
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
18+
19+
[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`.
20+
21+
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.
22+
23+
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
24+
25+
## Learn More
26+
27+
To learn more about Next.js, take a look at the following resources:
28+
29+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
30+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
31+
32+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
33+
34+
## Deploy on Vercel
35+
36+
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.
37+
38+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎next.config.js‎

Lines changed: 6 additions & 0 deletions
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‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{
2+
"name": "next-typescript-graphql-integration",
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/font": "13.1.6",
13+
"@types/node": "18.11.18",
14+
"@types/react": "18.0.27",
15+
"@types/react-dom": "18.0.10",
16+
"eslint": "8.33.0",
17+
"eslint-config-next": "13.1.6",
18+
"next": "13.1.6",
19+
"react": "18.2.0",
20+
"react-dom": "18.2.0",
21+
"typescript": "4.9.5"
22+
}
23+
}

‎pages/_app.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import '@/styles/globals.css'
2+
import type { AppProps } from 'next/app'
3+
4+
export default function App({ Component, pageProps }: AppProps) {
5+
return <Component {...pageProps} />
6+
}

‎pages/_document.tsx‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import { Html, Head, Main, NextScript } from 'next/document'
2+
3+
export default function Document() {
4+
return (
5+
<Html lang="en">
6+
<Head />
7+
<body>
8+
<Main />
9+
<NextScript />
10+
</body>
11+
</Html>
12+
)
13+
}

‎pages/api/hello.ts‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2+
import type { NextApiRequest, NextApiResponse } from 'next'
3+
4+
type Data = {
5+
name: string
6+
}
7+
8+
export default function handler(
9+
req: NextApiRequest,
10+
res: NextApiResponse<Data>
11+
) {
12+
res.status(200).json({ name: 'John Doe' })
13+
}

‎pages/index.tsx‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
import Head from 'next/head'
2+
import Image from 'next/image'
3+
import { Inter } from '@next/font/google'
4+
import styles from '@/styles/Home.module.css'
5+
6+
const inter = Inter({ subsets: ['latin'] })
7+
8+
export default function Home() {
9+
return (
10+
<>
11+
<Head>
12+
<title>Create Next App</title>
13+
<meta name="description" content="Generated by create next app" />
14+
<meta name="viewport" content="width=device-width, initial-scale=1" />
15+
<link rel="icon" href="/favicon.ico" />
16+
</Head>
17+
<main className={styles.main}>
18+
<div className={styles.description}>
19+
<p>
20+
Get started by editing&nbsp;
21+
<code className={styles.code}>pages/index.tsx</code>
22+
</p>
23+
<div>
24+
<a
25+
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
26+
target="_blank"
27+
rel="noopener noreferrer"
28+
>
29+
By{' '}
30+
<Image
31+
src="/vercel.svg"
32+
alt="Vercel Logo"
33+
className={styles.vercelLogo}
34+
width={100}
35+
height={24}
36+
priority
37+
/>
38+
</a>
39+
</div>
40+
</div>
41+
42+
<div className={styles.center}>
43+
<Image
44+
className={styles.logo}
45+
src="/next.svg"
46+
alt="Next.js Logo"
47+
width={180}
48+
height={37}
49+
priority
50+
/>
51+
<div className={styles.thirteen}>
52+
<Image
53+
src="/thirteen.svg"
54+
alt="13"
55+
width={40}
56+
height={31}
57+
priority
58+
/>
59+
</div>
60+
</div>
61+
62+
<div className={styles.grid}>
63+
<a
64+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
65+
className={styles.card}
66+
target="_blank"
67+
rel="noopener noreferrer"
68+
>
69+
<h2 className={inter.className}>
70+
Docs <span>-&gt;</span>
71+
</h2>
72+
<p className={inter.className}>
73+
Find in-depth information about Next.js features and&nbsp;API.
74+
</p>
75+
</a>
76+
77+
<a
78+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
79+
className={styles.card}
80+
target="_blank"
81+
rel="noopener noreferrer"
82+
>
83+
<h2 className={inter.className}>
84+
Learn <span>-&gt;</span>
85+
</h2>
86+
<p className={inter.className}>
87+
Learn about Next.js in an interactive course with&nbsp;quizzes!
88+
</p>
89+
</a>
90+
91+
<a
92+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
93+
className={styles.card}
94+
target="_blank"
95+
rel="noopener noreferrer"
96+
>
97+
<h2 className={inter.className}>
98+
Templates <span>-&gt;</span>
99+
</h2>
100+
<p className={inter.className}>
101+
Discover and deploy boilerplate example Next.js&nbsp;projects.
102+
</p>
103+
</a>
104+
105+
<a
106+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
107+
className={styles.card}
108+
target="_blank"
109+
rel="noopener noreferrer"
110+
>
111+
<h2 className={inter.className}>
112+
Deploy <span>-&gt;</span>
113+
</h2>
114+
<p className={inter.className}>
115+
Instantly deploy your Next.js site to a shareable URL
116+
with&nbsp;Vercel.
117+
</p>
118+
</a>
119+
</div>
120+
</main>
121+
</>
122+
)
123+
}

‎public/favicon.ico‎

25.3 KB
Binary file not shown.

0 commit comments

Comments
 (0)