parent
f658bd02ab
commit
e0614351a3
@ -0,0 +1,41 @@ |
|||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. |
||||||
|
|
||||||
|
# dependencies |
||||||
|
/node_modules |
||||||
|
/.pnp |
||||||
|
.pnp.* |
||||||
|
.yarn/* |
||||||
|
!.yarn/patches |
||||||
|
!.yarn/plugins |
||||||
|
!.yarn/releases |
||||||
|
!.yarn/versions |
||||||
|
|
||||||
|
# testing |
||||||
|
/coverage |
||||||
|
|
||||||
|
# next.js |
||||||
|
/.next/ |
||||||
|
/out/ |
||||||
|
|
||||||
|
# production |
||||||
|
/build |
||||||
|
|
||||||
|
# misc |
||||||
|
.DS_Store |
||||||
|
*.pem |
||||||
|
|
||||||
|
# debug |
||||||
|
npm-debug.log* |
||||||
|
yarn-debug.log* |
||||||
|
yarn-error.log* |
||||||
|
.pnpm-debug.log* |
||||||
|
|
||||||
|
# env files (can opt-in for committing if needed) |
||||||
|
.env* |
||||||
|
|
||||||
|
# vercel |
||||||
|
.vercel |
||||||
|
|
||||||
|
# typescript |
||||||
|
*.tsbuildinfo |
||||||
|
next-env.d.ts |
||||||
@ -0,0 +1,36 @@ |
|||||||
|
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). |
||||||
|
|
||||||
|
## Getting Started |
||||||
|
|
||||||
|
First, run the development server: |
||||||
|
|
||||||
|
```bash |
||||||
|
npm run dev |
||||||
|
# or |
||||||
|
yarn dev |
||||||
|
# or |
||||||
|
pnpm dev |
||||||
|
# or |
||||||
|
bun dev |
||||||
|
``` |
||||||
|
|
||||||
|
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. |
||||||
|
|
||||||
|
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. |
||||||
|
|
||||||
|
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. |
||||||
|
|
||||||
|
## Learn More |
||||||
|
|
||||||
|
To learn more about Next.js, take a look at the following resources: |
||||||
|
|
||||||
|
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. |
||||||
|
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. |
||||||
|
|
||||||
|
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! |
||||||
|
|
||||||
|
## Deploy on Vercel |
||||||
|
|
||||||
|
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. |
||||||
|
|
||||||
|
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. |
||||||
|
After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,26 @@ |
|||||||
|
@import "tailwindcss"; |
||||||
|
|
||||||
|
:root { |
||||||
|
--background: #ffffff; |
||||||
|
--foreground: #171717; |
||||||
|
} |
||||||
|
|
||||||
|
@theme inline { |
||||||
|
--color-background: var(--background); |
||||||
|
--color-foreground: var(--foreground); |
||||||
|
--font-sans: var(--font-geist-sans); |
||||||
|
--font-mono: var(--font-geist-mono); |
||||||
|
} |
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) { |
||||||
|
:root { |
||||||
|
--background: #0a0a0a; |
||||||
|
--foreground: #ededed; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
background: var(--background); |
||||||
|
color: var(--foreground); |
||||||
|
font-family: Arial, Helvetica, sans-serif; |
||||||
|
} |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
import type { Metadata } from "next"; |
||||||
|
import { Geist, Geist_Mono } from "next/font/google"; |
||||||
|
import "./globals.css"; |
||||||
|
|
||||||
|
const geistSans = Geist({ |
||||||
|
variable: "--font-geist-sans", |
||||||
|
subsets: ["latin"], |
||||||
|
}); |
||||||
|
|
||||||
|
const geistMono = Geist_Mono({ |
||||||
|
variable: "--font-geist-mono", |
||||||
|
subsets: ["latin"], |
||||||
|
}); |
||||||
|
|
||||||
|
export const metadata: Metadata = { |
||||||
|
title: "Create Next App", |
||||||
|
description: "Generated by create next app", |
||||||
|
}; |
||||||
|
|
||||||
|
export default function RootLayout({ |
||||||
|
children, |
||||||
|
}: Readonly<{ |
||||||
|
children: React.ReactNode; |
||||||
|
}>) { |
||||||
|
return ( |
||||||
|
<html lang="en"> |
||||||
|
<body |
||||||
|
className={`${geistSans.variable} ${geistMono.variable} antialiased`} |
||||||
|
> |
||||||
|
{children} |
||||||
|
</body> |
||||||
|
</html> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,103 @@ |
|||||||
|
import Image from "next/image"; |
||||||
|
|
||||||
|
export default function Home() { |
||||||
|
return ( |
||||||
|
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]"> |
||||||
|
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start"> |
||||||
|
<Image |
||||||
|
className="dark:invert" |
||||||
|
src="/next.svg" |
||||||
|
alt="Next.js logo" |
||||||
|
width={180} |
||||||
|
height={38} |
||||||
|
priority |
||||||
|
/> |
||||||
|
<ol className="list-inside list-decimal text-sm/6 text-center sm:text-left font-[family-name:var(--font-geist-mono)]"> |
||||||
|
<li className="mb-2 tracking-[-.01em]"> |
||||||
|
Get started by editing{" "} |
||||||
|
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-[family-name:var(--font-geist-mono)] font-semibold"> |
||||||
|
app/page.tsx |
||||||
|
</code> |
||||||
|
. |
||||||
|
</li> |
||||||
|
<li className="tracking-[-.01em]"> |
||||||
|
Save and see your changes instantly. |
||||||
|
</li> |
||||||
|
</ol> |
||||||
|
|
||||||
|
<div className="flex gap-4 items-center flex-col sm:flex-row"> |
||||||
|
<a |
||||||
|
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto" |
||||||
|
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
target="_blank" |
||||||
|
rel="noopener noreferrer" |
||||||
|
> |
||||||
|
<Image |
||||||
|
className="dark:invert" |
||||||
|
src="/vercel.svg" |
||||||
|
alt="Vercel logomark" |
||||||
|
width={20} |
||||||
|
height={20} |
||||||
|
/> |
||||||
|
Deploy now |
||||||
|
</a> |
||||||
|
<a |
||||||
|
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]" |
||||||
|
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
target="_blank" |
||||||
|
rel="noopener noreferrer" |
||||||
|
> |
||||||
|
Read our docs |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</main> |
||||||
|
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center"> |
||||||
|
<a |
||||||
|
className="flex items-center gap-2 hover:underline hover:underline-offset-4" |
||||||
|
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
target="_blank" |
||||||
|
rel="noopener noreferrer" |
||||||
|
> |
||||||
|
<Image |
||||||
|
aria-hidden |
||||||
|
src="/file.svg" |
||||||
|
alt="File icon" |
||||||
|
width={16} |
||||||
|
height={16} |
||||||
|
/> |
||||||
|
Learn |
||||||
|
</a> |
||||||
|
<a |
||||||
|
className="flex items-center gap-2 hover:underline hover:underline-offset-4" |
||||||
|
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
target="_blank" |
||||||
|
rel="noopener noreferrer" |
||||||
|
> |
||||||
|
<Image |
||||||
|
aria-hidden |
||||||
|
src="/window.svg" |
||||||
|
alt="Window icon" |
||||||
|
width={16} |
||||||
|
height={16} |
||||||
|
/> |
||||||
|
Examples |
||||||
|
</a> |
||||||
|
<a |
||||||
|
className="flex items-center gap-2 hover:underline hover:underline-offset-4" |
||||||
|
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
target="_blank" |
||||||
|
rel="noopener noreferrer" |
||||||
|
> |
||||||
|
<Image |
||||||
|
aria-hidden |
||||||
|
src="/globe.svg" |
||||||
|
alt="Globe icon" |
||||||
|
width={16} |
||||||
|
height={16} |
||||||
|
/> |
||||||
|
Go to nextjs.org → |
||||||
|
</a> |
||||||
|
</footer> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import { dirname } from "path"; |
||||||
|
import { fileURLToPath } from "url"; |
||||||
|
import { FlatCompat } from "@eslint/eslintrc"; |
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url); |
||||||
|
const __dirname = dirname(__filename); |
||||||
|
|
||||||
|
const compat = new FlatCompat({ |
||||||
|
baseDirectory: __dirname, |
||||||
|
}); |
||||||
|
|
||||||
|
const eslintConfig = [ |
||||||
|
...compat.extends("next/core-web-vitals", "next/typescript"), |
||||||
|
]; |
||||||
|
|
||||||
|
export default eslintConfig; |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
import type { NextConfig } from "next"; |
||||||
|
|
||||||
|
const nextConfig: NextConfig = { |
||||||
|
/* config options here */ |
||||||
|
}; |
||||||
|
|
||||||
|
export default nextConfig; |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,27 @@ |
|||||||
|
{ |
||||||
|
"name": "my-first-next-app", |
||||||
|
"version": "0.1.0", |
||||||
|
"private": true, |
||||||
|
"scripts": { |
||||||
|
"dev": "next dev --turbopack", |
||||||
|
"build": "next build", |
||||||
|
"start": "next start", |
||||||
|
"lint": "next lint" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"react": "^19.0.0", |
||||||
|
"react-dom": "^19.0.0", |
||||||
|
"next": "15.3.4" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"typescript": "^5", |
||||||
|
"@types/node": "^20", |
||||||
|
"@types/react": "^19", |
||||||
|
"@types/react-dom": "^19", |
||||||
|
"@tailwindcss/postcss": "^4", |
||||||
|
"tailwindcss": "^4", |
||||||
|
"eslint": "^9", |
||||||
|
"eslint-config-next": "15.3.4", |
||||||
|
"@eslint/eslintrc": "^3" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
const config = { |
||||||
|
plugins: ["@tailwindcss/postcss"], |
||||||
|
}; |
||||||
|
|
||||||
|
export default config; |
||||||
|
After Width: | Height: | Size: 391 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 128 B |
|
After Width: | Height: | Size: 385 B |
@ -0,0 +1,27 @@ |
|||||||
|
{ |
||||||
|
"compilerOptions": { |
||||||
|
"target": "ES2017", |
||||||
|
"lib": ["dom", "dom.iterable", "esnext"], |
||||||
|
"allowJs": true, |
||||||
|
"skipLibCheck": true, |
||||||
|
"strict": true, |
||||||
|
"noEmit": true, |
||||||
|
"esModuleInterop": true, |
||||||
|
"module": "esnext", |
||||||
|
"moduleResolution": "bundler", |
||||||
|
"resolveJsonModule": true, |
||||||
|
"isolatedModules": true, |
||||||
|
"jsx": "preserve", |
||||||
|
"incremental": true, |
||||||
|
"plugins": [ |
||||||
|
{ |
||||||
|
"name": "next" |
||||||
|
} |
||||||
|
], |
||||||
|
"paths": { |
||||||
|
"@/*": ["./*"] |
||||||
|
} |
||||||
|
}, |
||||||
|
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], |
||||||
|
"exclude": ["node_modules"] |
||||||
|
} |
||||||
Loading…
Reference in new issue