Skip to content

Commit e6b63ce

Browse files
Ohh-889Ohh-889
committed
chore: init docs project
1 parent bfa710c commit e6b63ce

File tree

20 files changed

+433
-0
lines changed

20 files changed

+433
-0
lines changed

‎docs/.gitignore‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.*
7+
.yarn/*
8+
!.yarn/patches
9+
!.yarn/plugins
10+
!.yarn/releases
11+
!.yarn/versions
12+
13+
# testing
14+
/coverage
15+
16+
# next.js
17+
/.next/
18+
/out/
19+
20+
# production
21+
/build
22+
23+
# misc
24+
.DS_Store
25+
*.pem
26+
27+
# debug
28+
npm-debug.log*
29+
yarn-debug.log*
30+
yarn-error.log*
31+
.pnpm-debug.log*
32+
33+
# env files (can opt-in for committing if needed)
34+
.env*
35+
36+
# vercel
37+
.vercel
38+
39+
# typescript
40+
*.tsbuildinfo
41+
next-env.d.ts

‎docs/README.md‎

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

‎docs/app/(app)/project/detail/page.tsx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react';
2+
3+
function Page() {
4+
return (
5+
<>
6+
<h1>Project Detail</h1>
7+
<h2>Project Detail Demo</h2>
8+
</>
9+
);
10+
}
11+
12+
export default Page;

‎docs/app/(app)/project/page.tsx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react';
2+
3+
function Page() {
4+
return (
5+
<>
6+
<h1>Project</h1>
7+
<h2>Project Demo</h2>
8+
</>
9+
);
10+
}
11+
12+
export default Page;

‎docs/app/button/page.tsx‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
'use client';
2+
3+
import FlexSearch from 'flexsearch';
4+
import React, { useEffect, useState } from 'react';
5+
6+
function Page() {
7+
const [results, setResults] = useState<any[]>([]);
8+
9+
useEffect(() => {
10+
const loadIndex = async () => {
11+
const raw = await fetch('/flexsearch-index.json').then(res => res.json());
12+
13+
const index = new FlexSearch.Document({
14+
document: {
15+
id: 'id',
16+
index: [
17+
{ field: 'title', tokenize: 'forward' },
18+
{ field: 'content', tokenize: 'forward' }
19+
]
20+
}
21+
});
22+
23+
raw.forEach((doc: any) => index.add(doc));
24+
25+
const n = index.search('b');
26+
27+
setResults(n.flatMap((res: any) => res.result));
28+
29+
console.log(n);
30+
};
31+
loadIndex();
32+
}, []);
33+
34+
return (
35+
<>
36+
<h1>Button</h1>
37+
<h2>Button Demo</h2>
38+
{results.map(result => (
39+
<div key={result}>
40+
<h3>{result}</h3>
41+
</div>
42+
))}
43+
</>
44+
);
45+
}
46+
47+
export default Page;

‎docs/app/favicon.ico‎

25.3 KB
Binary file not shown.

‎docs/app/globals.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import "tailwindcss";
2+
3+
:root {
4+
--background: #ffffff;
5+
--foreground: #171717;
6+
}
7+
8+
@theme inline {
9+
--color-background: var(--background);
10+
--color-foreground: var(--foreground);
11+
--font-sans: var(--font-geist-sans);
12+
--font-mono: var(--font-geist-mono);
13+
}
14+
15+
@media (prefers-color-scheme: dark) {
16+
:root {
17+
--background: #0a0a0a;
18+
--foreground: #ededed;
19+
}
20+
}
21+
22+
body {
23+
background: var(--background);
24+
color: var(--foreground);
25+
font-family: Arial, Helvetica, sans-serif;
26+
}

‎docs/app/layout.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import type { Metadata } from 'next';
2+
import { Geist, Geist_Mono } from 'next/font/google';
3+
import './globals.css';
4+
5+
const geistSans = Geist({
6+
subsets: ['latin'],
7+
variable: '--font-geist-sans'
8+
});
9+
10+
const geistMono = Geist_Mono({
11+
subsets: ['latin'],
12+
variable: '--font-geist-mono'
13+
});
14+
15+
export const metadata: Metadata = {
16+
description: 'Generated by create next app',
17+
title: 'Create Next App'
18+
};
19+
20+
export default async function RootLayout({
21+
children
22+
}: Readonly<{
23+
children: React.ReactNode;
24+
}>) {
25+
return (
26+
<html lang="en">
27+
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
28+
</html>
29+
);
30+
}

‎docs/app/not-found.tsx‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import React from 'react';
2+
3+
function NotFound() {
4+
return <div>NotFound</div>;
5+
}
6+
7+
export default NotFound;

‎docs/app/page.tsx‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
import Image from 'next/image';
2+
3+
export default function Home() {
4+
return (
5+
<div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
6+
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
7+
<Image
8+
priority
9+
alt="Next.js logo"
10+
className="dark:invert"
11+
height={38}
12+
src="/next.svg"
13+
width={180}
14+
/>
15+
<ol className="font-mono list-inside list-decimal text-sm/6 text-center sm:text-left">
16+
<li className="mb-2 tracking-[-.01em]">
17+
Get started by editing{' '}
18+
<code className="bg-black/[.05] dark:bg-white/[.06] font-mono font-semibold px-1 py-0.5 rounded">
19+
app/page.tsx
20+
</code>
21+
.
22+
</li>
23+
<li className="tracking-[-.01em]">Save and see your changes instantly.</li>
24+
</ol>
25+
26+
<div className="flex gap-4 items-center flex-col sm:flex-row">
27+
<a
28+
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"
29+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
30+
rel="noopener noreferrer"
31+
target="_blank"
32+
>
33+
<Image
34+
alt="Vercel logomark"
35+
className="dark:invert"
36+
height={20}
37+
src="/vercel.svg"
38+
width={20}
39+
/>
40+
Deploy now
41+
</a>
42+
<a
43+
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]"
44+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
45+
rel="noopener noreferrer"
46+
target="_blank"
47+
>
48+
Read our docs
49+
</a>
50+
</div>
51+
</main>
52+
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center">
53+
<a
54+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
55+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
56+
rel="noopener noreferrer"
57+
target="_blank"
58+
>
59+
<Image
60+
aria-hidden
61+
alt="File icon"
62+
height={16}
63+
src="/file.svg"
64+
width={16}
65+
/>
66+
Learn
67+
</a>
68+
<a
69+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
70+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
71+
rel="noopener noreferrer"
72+
target="_blank"
73+
>
74+
<Image
75+
aria-hidden
76+
alt="Window icon"
77+
height={16}
78+
src="/window.svg"
79+
width={16}
80+
/>
81+
Examples
82+
</a>
83+
<a
84+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
85+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
86+
rel="noopener noreferrer"
87+
target="_blank"
88+
>
89+
<Image
90+
aria-hidden
91+
alt="Globe icon"
92+
height={16}
93+
src="/globe.svg"
94+
width={16}
95+
/>
96+
Go to nextjs.org →
97+
</a>
98+
</footer>
99+
</div>
100+
);
101+
}

0 commit comments

Comments
 (0)