feat: init

.eslintrc

@@ -1,50 +1,9 @@
 {
   "env": {
-    "browser": true,
-    "es2021": true
+    "browser": true
   },
-  "parser": "@typescript-eslint/parser",
-  "extends": [
-    "standard",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended"
-  ],
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "plugins": [
-    "react",
-    "@typescript-eslint"
-  ],
-  "ignorePatterns": [],
+  "extends": ["next"],
   "rules": {
-    "new-cap": [
-      "off"
-    ],
-    "no-unused-vars": [
-      "off"
-    ],
-    "n/handle-callback-err": "off",
-    "n/no-callback-literal":"off",
-    "n/no-path-concat": "warn",
-    "eqeqeq": "off",
-    "prefer-spread": "warn",
-    "no-useless-catch": "warn",
-    "no-use-before-define": "off",
-    "camelcase": "off",
-    "no-case-declarations": "warn",
-    "no-useless-call": "warn",
-    "no-useless-constructor": "off",
-    "no-unused-expressions":"off",
-    "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/no-this-alias": "off",
-    "@typescript-eslint/no-var-requires": "off",
-    "@typescript-eslint/no-empty-function": "off",
-    "@typescript-eslint/ban-types": [
-      "warn"
-    ]
+    // "new-cap": "off"
   }
 }

.gitignore

@@ -1,7 +1,131 @@
-node_modules
-.DS_Store
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
 dist
-dist-ssr
-*.local
-.vercel
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
 .cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+yarn.lock

README.md

@@ -19,3 +19,8 @@ nrm use npm
 - [x] 改成 vite 构建
 - [x] 加入github action
 - [x] 内容整理
+
+### 2024.11.18
+
+- [x] 改成 next 构建
+- [x] 页面内容整理

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

next.config.mjs

@@ -0,0 +1,7 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: false,
+  output: "standalone",
+};
+
+export default nextConfig;

package.json

@@ -2,60 +2,51 @@
   "name": "front-end-demo",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "lint": "eslint --cache .",
-    "lint:fix": "npm run lint --fix",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
     "prettier": "prettier . --write --ignore-unknown"
   },
   "dependencies": {
     "@videojs/http-streaming": "^2.12.1",
     "m3u8-parser": "^4.7.0",
-    "react": "^18.0.2",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.2.1",
+    "next": "^14.2.13",
+    "react": "^18",
+    "react-dom": "^18",
     "scheduler": "0.20.2",
     "video.js": "^7.17.0",
     "swiper": "^10.3.1",
     "reflect-metadata": "0.2.1",
-    "agora-rtc-sdk-ng": "4.20.0"
+    "agora-rtc-sdk-ng": "latest",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.445.0",
+    "tailwind-merge": "^2.5.2",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-toast": "^1.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.15",
-    "@babel/preset-env": "^7.13.15",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
-    "@babel/plugin-proposal-decorators": "^7.23.7",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@types/node": "^17.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-router-dom": "^5.2.1",
     "@types/video.js": "^7.3.28",
     "@types/codemirror": "^5.60.5",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^1.0.7",
-    "typescript": "^4.4.4",
-    "vite": "^2.7.0",
-    "vite-plugin-commonjs": "^0.10.1",
-    "prop-types": "15.8.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.13",
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5",
     "websocket": "^1.0.34",
     "codemirror": "^5.65.8",
     "codemirror-theme-vars": "^0.1.1",
     "estree-walker": "3.0.3",
-    "prettier": "^3.2.5",
-    "eslint": "^8.55.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.30.1",
     "lint-staged": "^13.0.3",
     "yorkie": "^2.0.0",
-    "sass": "^1.70.0"
+    "sass": "^1.70.0",
+    "postcss": "^8",
+    "autoprefixer": "^10.4.13"
   }
 }

postcss.config.mjs

@@ -0,0 +1,9 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;