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