demo: add with next.js

Author: freeshineit

.gitignore

@@ -17,6 +17,7 @@ stats.html
 .vscode
 .setting
 build/
+.next/
 npm-debug.log*
 npm-error.log*
 yarn-debug.log*

demos/with-next/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

demos/with-next/.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

demos/with-next/README.md

@@ -0,0 +1,29 @@
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+# install dependencies
+pnpm install
+
+# development
+pnpm run dev
+
+# production build
+pnpm run build
+
+# deploy
+pnpm run start
+```
+
+## 组件说明
+
+```tsx
+/**
+ * 由于播放器sdk 内部有很多方法挂载在 window 上，所以需要将播放器组件放在客户端渲染
+ */
+const Player = dynamic(() => import('@/components/Player'), {
+    ssr: false // This ensures the component is not SSR'd
+});
+```

demos/with-next/additional.d.ts

@@ -0,0 +1 @@
+declare module "ezuikit-js";

demos/with-next/next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+module.exports = nextConfig