chore(next): connect velite with next.js

next.config.js

@@ -1,3 +1,23 @@
+class VeliteWebpackPlugin {
+  static started = false
+  constructor(/** @type {import('velite').Options} */ options = {}) {
+    this.options = options
+  }
+  apply(/** @type {import('webpack').Compiler} */ compiler) {
+    // executed three times in nextjs !!!
+    // twice for the server (nodejs / edge runtime) and once for the client
+    compiler.hooks.beforeCompile.tapPromise('VeliteWebpackPlugin', async () => {
+      if (VeliteWebpackPlugin.started) return
+      VeliteWebpackPlugin.started = true
+      const dev = compiler.options.mode === 'development'
+      this.options.watch = this.options.watch ?? dev
+      this.options.clean = this.options.clean ?? !dev
+      const { build } = await import('velite')
+      await build(this.options) // start velite
+    })
+  }
+}
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -39,6 +59,10 @@ const nextConfig = {
         headers: [{ key: 'Access-Control-Allow-Origin', value: '*' }]
       }
     ]
+  },
+  webpack: config => {
+    config.plugins.push(new VeliteWebpackPlugin())
+    return config
   }
 }