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