feat: setup Next.js

openbuildxyz · Sep 11, 2024 · 2bbf7fb · 2bbf7fb
1 parent 22a9ea7
commit 2bbf7fb
Show file tree

Hide file tree

Showing 15 changed files with 169 additions and 11 deletions.
diff --git a/.knosys/sites/default/.eslintrc.json b/.knosys/sites/default/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}
diff --git a/.knosys/sites/default/.gitignore b/.knosys/sites/default/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/.knosys/sites/default/index.html b/.knosys/sites/default/index.html
diff --git a/.knosys/sites/default/next.config.mjs b/.knosys/sites/default/next.config.mjs
@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;
diff --git a/.knosys/sites/default/package.json b/.knosys/sites/default/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@openbuild/web3-frontend-bootcamp-website",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "next": "14.2.9"
+  },
+  "devDependencies": {
+    "typescript": "^5",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.9"
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "gen": "next export"
+  }
+}
diff --git a/.knosys/sites/default/postcss.config.mjs b/.knosys/sites/default/postcss.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;
diff --git a/.knosys/sites/default/public/favicon-16x16.png b/.knosys/sites/default/public/favicon-16x16.png
diff --git a/.knosys/sites/default/public/favicon.ico b/.knosys/sites/default/public/favicon.ico
diff --git a/.knosys/sites/default/public/favicon.png b/.knosys/sites/default/public/favicon.png
diff --git a/.knosys/sites/default/src/app/globals.css b/.knosys/sites/default/src/app/globals.css
@@ -0,0 +1,27 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+}
diff --git a/.knosys/sites/default/src/app/layout.tsx b/.knosys/sites/default/src/app/layout.tsx
@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: 'OpenBuild Web3 前端训练营',
+  description: 'Help more front-end developers dive into Web3 world smoothly.',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="zh-CN" dir="ltr">
+      <body>
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/.knosys/sites/default/src/app/page.tsx b/.knosys/sites/default/src/app/page.tsx
@@ -0,0 +1,11 @@
+import Image from "next/image";
+import poster from './poster.jpg';
+
+export default function Home() {
+  return (
+    <div className="flex flex-col items-center">
+      <Image className="w-full max-w-5xl mt-10" src={poster} alt="宣传图" />
+      <p className="mt-6 text-4xl">😚 敬请期待 😚</p>
+    </div>
+  );
+}
diff --git a/.knosys/sites/default/src/app/poster.jpg b/.knosys/sites/default/src/app/poster.jpg
diff --git a/.knosys/sites/default/tailwind.config.ts b/.knosys/sites/default/tailwind.config.ts
@@ -0,0 +1,19 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;
diff --git a/.knosys/sites/default/tsconfig.json b/.knosys/sites/default/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "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": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}