feat: update web client integrations to match starter configs

- Enhanced Vite config with detailed topLevelAwait options
- Improved Next.js webpack config with Nimiq optimizations
- Added comprehensive Cloudflare Workers integration
- Added quick start templates for all integrations
- Updated navigation to include Cloudflare Workers

Author: onmax

.vitepress/theme.config.ts

@@ -33,6 +33,7 @@ export const themeConfig = {
             { text: 'Vite', link: '/web-client/integrations/vite', icon: 'i-logos:vitejs gray group-hocus:filter-none' },
             { text: 'Nuxt', link: '/web-client/integrations/nuxt', icon: 'i-logos:nuxt-icon gray group-hocus:filter-none' },
             { text: 'Next.js', link: '/web-client/integrations/NextJS', icon: 'i-logos:nextjs-icon gray group-hocus:filter-none' },
+            { text: 'Cloudflare Workers', link: '/web-client/integrations/cloudflare', icon: 'i-logos:cloudflare-icon gray group-hocus:filter-none' },
             { text: 'ESM', link: '/web-client/integrations/ESM', icon: 'i-logos:javascript gray group-hocus:filter-none' },
           ],
         },

web-client/integrations/NextJS.md

@@ -2,6 +2,15 @@
 
 Integrate Nimiq Web Client with Next.js for production-ready React blockchain applications.
 
+## Quick Start with Template
+
+Get started instantly with our pre-configured Next.js starter:
+
+```bash
+npx degit onmax/nimiq-starter/starters/next-js my-nimiq-app
+cd my-nimiq-app && pnpm install && pnpm dev
+```
+
 ## Installation
 
 ### Quick Start
@@ -18,39 +27,61 @@ Next.js supports WebAssembly out of the box, but you need to configure it for op
 
 ```javascript
 // next.config.js
+import path from 'node:path'
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  // Enable WebAssembly
   webpack: (config, { isServer }) => {
     // Enable WebAssembly
     config.experiments = {
       ...config.experiments,
       asyncWebAssembly: true,
+      topLevelAwait: true,
     }
 
-    // Handle .wasm files
+    // Configure module rules for WebAssembly
     config.module.rules.push({
       test: /\.wasm$/,
       type: 'webassembly/async',
     })
 
-    // Optimize for client-side
-    if (!isServer) {
-      config.resolve.fallback = {
-        ...config.resolve.fallback,
+    // Enhanced module resolution for @nimiq/core
+    config.resolve = {
+      ...config.resolve,
+      alias: {
+        ...config.resolve?.alias,
+        '@nimiq/core': path.resolve('./node_modules/@nimiq/core/bundler/index.js'),
+      },
+      fallback: {
+        ...config.resolve?.fallback,
+        path: false,
         fs: false,
-        net: false,
-        tls: false,
+      },
+      // Add .js extension for ESM imports
+      extensions: [...(config.resolve?.extensions || []), '.js', '.mjs'],
+    }
+
+    // Exclude @nimiq/core from optimization
+    if (!isServer) {
+      config.optimization = {
+        ...config.optimization,
+        splitChunks: {
+          ...config.optimization?.splitChunks,
+          cacheGroups: {
+            ...(config.optimization?.splitChunks)?.cacheGroups,
+            nimiq: {
+              test: /@nimiq/,
+              name: 'nimiq',
+              chunks: 'all',
+              priority: 10,
+            },
+          },
+        },
       }
     }
 
     return config
   },
-  // Enable experimental features
-  experimental: {
-    // Enable WebAssembly
-    esmExternals: true,
-  },
 }
 
 module.exports = nextConfig