commit
a2c6311fdb
19 changed files with 6897 additions and 0 deletions
@ -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,5 @@ |
|||||||
|
<!-- BEGIN:nextjs-agent-rules --> |
||||||
|
# This is NOT the Next.js you know |
||||||
|
|
||||||
|
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. |
||||||
|
<!-- END:nextjs-agent-rules --> |
||||||
@ -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. |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import { defineConfig, globalIgnores } from "eslint/config"; |
||||||
|
import nextVitals from "eslint-config-next/core-web-vitals"; |
||||||
|
import nextTs from "eslint-config-next/typescript"; |
||||||
|
|
||||||
|
const eslintConfig = defineConfig([ |
||||||
|
...nextVitals, |
||||||
|
...nextTs, |
||||||
|
// Override default ignores of eslint-config-next.
|
||||||
|
globalIgnores([ |
||||||
|
// Default ignores of eslint-config-next:
|
||||||
|
".next/**", |
||||||
|
"out/**", |
||||||
|
"build/**", |
||||||
|
"next-env.d.ts", |
||||||
|
]), |
||||||
|
]); |
||||||
|
|
||||||
|
export default eslintConfig; |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
import type { NextConfig } from "next"; |
||||||
|
|
||||||
|
const nextConfig: NextConfig = { |
||||||
|
/* config options here */ |
||||||
|
}; |
||||||
|
|
||||||
|
export default nextConfig; |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
{ |
||||||
|
"name": "frontend", |
||||||
|
"version": "0.1.0", |
||||||
|
"private": true, |
||||||
|
"scripts": { |
||||||
|
"dev": "next dev", |
||||||
|
"build": "next build", |
||||||
|
"start": "next start", |
||||||
|
"lint": "eslint" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"next": "16.2.1", |
||||||
|
"react": "19.2.4", |
||||||
|
"react-dom": "19.2.4" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"@tailwindcss/postcss": "^4", |
||||||
|
"@types/node": "^20", |
||||||
|
"@types/react": "^19", |
||||||
|
"@types/react-dom": "^19", |
||||||
|
"eslint": "^9", |
||||||
|
"eslint-config-next": "16.2.1", |
||||||
|
"tailwindcss": "^4", |
||||||
|
"typescript": "^5" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
const config = { |
||||||
|
plugins: { |
||||||
|
"@tailwindcss/postcss": {}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
|
||||||
|
export default config; |
||||||
|
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,33 @@ |
|||||||
|
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" |
||||||
|
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} |
||||||
|
> |
||||||
|
<body className="min-h-full flex flex-col">{children}</body> |
||||||
|
</html> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
import Image from "next/image"; |
||||||
|
|
||||||
|
export default function Home() { |
||||||
|
return ( |
||||||
|
<div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black"> |
||||||
|
<main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start"> |
||||||
|
<Image |
||||||
|
className="dark:invert" |
||||||
|
src="/next.svg" |
||||||
|
alt="Next.js logo" |
||||||
|
width={100} |
||||||
|
height={20} |
||||||
|
priority |
||||||
|
/> |
||||||
|
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left"> |
||||||
|
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50"> |
||||||
|
To get started, edit the page.tsx file. |
||||||
|
</h1> |
||||||
|
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400"> |
||||||
|
Looking for a starting point or more instructions? Head over to{" "} |
||||||
|
<a |
||||||
|
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
className="font-medium text-zinc-950 dark:text-zinc-50" |
||||||
|
> |
||||||
|
Templates |
||||||
|
</a>{" "} |
||||||
|
or the{" "} |
||||||
|
<a |
||||||
|
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
||||||
|
className="font-medium text-zinc-950 dark:text-zinc-50" |
||||||
|
> |
||||||
|
Learning |
||||||
|
</a>{" "} |
||||||
|
center. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row"> |
||||||
|
<a |
||||||
|
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]" |
||||||
|
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={16} |
||||||
|
height={16} |
||||||
|
/> |
||||||
|
Deploy Now |
||||||
|
</a> |
||||||
|
<a |
||||||
|
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] 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" |
||||||
|
> |
||||||
|
Documentation |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</main> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
{ |
||||||
|
"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": "react-jsx", |
||||||
|
"incremental": true, |
||||||
|
"plugins": [ |
||||||
|
{ |
||||||
|
"name": "next" |
||||||
|
} |
||||||
|
], |
||||||
|
"paths": { |
||||||
|
"@/*": ["./src/*"] |
||||||
|
} |
||||||
|
}, |
||||||
|
"include": [ |
||||||
|
"next-env.d.ts", |
||||||
|
"**/*.ts", |
||||||
|
"**/*.tsx", |
||||||
|
".next/types/**/*.ts", |
||||||
|
".next/dev/types/**/*.ts", |
||||||
|
"**/*.mts" |
||||||
|
], |
||||||
|
"exclude": ["node_modules"] |
||||||
|
} |
||||||
Loading…
Reference in new issue