+
+
+
+ Decentraland Integration
+
+
+ Build in Decentraland with AeThex
+
+
+ Create blockchain-based virtual experiences in Decentraland's Ethereum-powered metaverse. Integrate
+ AeThex APIs with LAND parcels, NFT wearables, and DAO governance for web3 gaming.
+
+
+
+ {/* Quick Stats */}
+
+
+
+ 800K+
+ Registered Users
+
+
+
+
+ 90K+
+ LAND Parcels
+
+
+
+
+ Ethereum
+ Blockchain
+
+
+
+
+ {/* Features */}
+
+ What You Can Build
+
+
+
+
+
+ NFT-Gated Experiences
+
+
+
+ Verify wallet ownership via AeThex, grant access to exclusive LAND areas, and NFT-gated minigames
+
+
+
+
+
+
+
+ Cross-Chain Achievements
+
+
+
+ Award achievements that sync across Decentraland, Polygon, and other EVM chains via AeThex
+
+
+
+
+
+
+
+ DAO Integration
+
+
+
+ Connect Decentraland DAO voting with AeThex governance tools for multi-platform coordination
+
+
+
+
+
+
+
+ Smart Contract Events
+
+
+
+ Listen to on-chain events (MANA transfers, wearable mints) and trigger in-world experiences via AeThex webhooks
+
+
+
+
+
+ {/* Quick Start */}
+
+
+
+ Quick Start Guide
+
+
+
+
+ 1. Install Decentraland SDK + AeThex
+ Set up your LAND parcel with AeThex integration
+
+
+
+
+
+
+
+
+ 2. Initialize AeThex in Your Scene
+ Configure API and Web3 wallet integration
+
+
+
+
+
+
+
+
+ 3. Build NFT-Gated Game
+ Create a treasure hunt with blockchain rewards
+
+
+ {
+ await hunt.init();
+});`}
+ language="typescript"
+ showLineNumbers={true}
+ />
+
+
+
+
+ {/* Authentication Flow */}
+
+ Web3 Wallet Authentication
+
+ Link Decentraland wallets to AeThex Passport for unified cross-chain identity.
+
+
+
+
+ Wallet Signature Authentication
+
+
+
+ AeThex uses EIP-4361 (Sign-In with Ethereum) for secure, gasless wallet authentication.
+
+
+
+
+
1
+
+
Connect Wallet
+
Player connects MetaMask or WalletConnect in Decentraland
+
+
+
+
+
2
+
+
Generate Sign-In Message
+
AeThex creates EIP-4361 message with nonce and expiration
+
+
+
+
+
3
+
+
Request Signature
+
Player signs message in wallet (no gas fees)
+
+
+
+
+
4
+
+
Verify & Link
+
AeThex verifies signature, links wallet to Passport, returns JWT
+
+
+
+
+
+
+
+
+
+ {/* Best Practices */}
+
+
+
+ Best Practices & Limitations
+
+
+
+
+
+ Decentraland Limitations
+
+
+ • LAND parcel limits: 20MB scene size, 10k triangles per parcel
+ • Gas costs: Minting NFTs requires ETH, use AeThex gasless relayer for UX
+ • Network latency: Ethereum confirmations take 15-30 seconds, show loading states
+ • Browser performance: Optimize 3D assets, Decentraland runs in WebGL
+
+
+
+
+
+ Web3 Optimization
+
+
+ • Cache blockchain data: Store NFT ownership checks for 5-10 minutes
+ • Use Polygon for speed: Deploy NFTs on Polygon (2s confirmations) instead of Ethereum mainnet
+ • Gasless transactions: Use AeThex meta-transaction relayer for free UX
+ • IPFS for metadata: Store NFT metadata on IPFS, link via AeThex CDN
+
+
+
+
+
+ {/* Resources */}
+
+
+
+ Resources & Examples
+
+
+
+
+
+ {/* Next Steps */}
+
+
+ Ready to Build?
+
+ Create blockchain-powered metaverse experiences with Decentraland and AeThex. Build NFT-gated
+ games, DAO governance tools, and cross-chain achievements.
+
+
+
+
+
+ );
+}
diff --git a/client/pages/docs/integrations/Spatial.tsx b/client/pages/docs/integrations/Spatial.tsx
new file mode 100644
index 00000000..aff5b8f6
--- /dev/null
+++ b/client/pages/docs/integrations/Spatial.tsx
@@ -0,0 +1,406 @@
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Globe, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
+import CodeBlock from "@/components/dev-platform/CodeBlock";
+
+export default function SpatialIntegration() {
+ return (
+
+
+
+
+ Spatial Integration
+
+
+ Build Spatial Experiences with AeThex
+
+
+ Create immersive 3D spaces for Spatial's web-based metaverse platform. Use AeThex's unified API
+ with Spatial's visual editor, TypeScript SDK, and multi-device support (VR, Desktop, Mobile).
+
+
+
+ {/* Quick Stats */}
+
+
+
+ 5M+
+ Monthly Visitors
+
+
+
+
+ 100K+
+ Created Spaces
+
+
+
+
+ No Install
+ Browser-Based
+
+
+
+
+ {/* Features */}
+
+ What You Can Build
+
+
+
+
+
+ Web3 Virtual Events
+
+
+
+ Host conferences, exhibitions, and networking events with AeThex authentication and NFT-gated access
+
+
+
+
+
+
+
+ Cross-Device Experiences
+
+
+
+ Build once, deploy everywhere - Spatial runs on Quest, desktop browsers, and mobile devices
+
+
+
+
+
+
+
+ Interactive 3D Content
+
+
+
+ Sync 3D models, animations, and interactive objects with AeThex backend for dynamic content updates
+
+
+
+
+
+
+
+ Analytics & Engagement
+
+
+
+ Track visitor behavior, space engagement metrics, and cross-platform user journeys via AeThex analytics
+
+
+
+
+
+ {/* Quick Start */}
+
+
+
+ Quick Start Guide
+
+
+
+
+ 1. Install AeThex Spatial SDK
+ Add AeThex scripting components to your Spatial space
+
+
+
+ In Spatial Studio, go to Scripts → Add Package → Search for @aethex/spatial-sdk
+
+
+
+
+
+
+
+ 2. Initialize AeThex in Your Space
+ Configure API credentials in Spatial Studio
+
+
+ {
+ console.log(\`User \${user.username} joined\`);
+
+ // Fetch user profile from AeThex
+ aethex.users.get(user.id).then(profile => {
+ console.log('AeThex Profile:', profile);
+ });
+});
+
+// Example: Update player stats when they interact
+space.onInteract.subscribe((event) => {
+ aethex.achievements.unlock(event.user.id, 'spatial-explorer');
+});`}
+ language="typescript"
+ showLineNumbers={true}
+ />
+
+
+
+
+
+ 3. Build Interactive Features
+ Create cross-platform leaderboards and achievements
+
+
+ {
+ const newScore = await updateLeaderboard(event.user.id, 100);
+ console.log('New leaderboard:', newScore);
+});`}
+ language="typescript"
+ showLineNumbers={true}
+ />
+
+
+
+
+ {/* Authentication Flow */}
+
+ Player Authentication
+
+ Link Spatial visitors to AeThex Passport for cross-platform identity and progression.
+
+
+
+
+ OAuth Integration
+
+
+
+ Spatial supports web-based OAuth flows, making authentication seamless for browser users.
+
+
+
+
+
1
+
+
User Enters Space
+
Spatial script detects new visitor via onUserJoined event
+
+
+
+
+
2
+
+
Prompt Authentication
+
Display 3D UI panel with "Link AeThex Account" button
+
+
+
+
+
3
+
+
OAuth Redirect
+
Opens aethex.dev/oauth/spatial in browser overlay
+
+
+
+
+
4
+
+
Callback Webhook
+
Spatial receives auth token, stores in user session, unlocks cross-platform features
+
+
+
+
+ {
+ const linkedUser = await aethex.auth.verifyToken(token);
+ console.log('User linked:', linkedUser);
+
+ // Now you can access cross-platform data
+ const achievements = await aethex.achievements.list(linkedUser.id);
+ displayAchievements(achievements);
+});`}
+ language="typescript"
+ showLineNumbers={true}
+ />
+
+
+
+
+ {/* Best Practices */}
+
+
+
+ Best Practices & Limitations
+
+
+
+
+
+ Spatial Limitations
+
+
+ • Browser-based performance: Keep API calls under 50/minute to avoid throttling
+ • Asset size limits: 3D models max 50MB, optimize for web delivery
+ • Script execution: Spatial runs TypeScript in sandbox, no native code
+ • Concurrent users: Max 50 users per space instance, scale with multiple instances
+
+
+
+
+
+ Performance Optimization
+
+
+ • Cache API responses: Store frequently accessed data in space variables
+ • Lazy load content: Only fetch 3D assets when user approaches interactive zones
+ • Use CDN URLs: Host large assets on AeThex CDN for faster loading
+ • Mobile optimization: Test on mobile devices, reduce draw calls for iOS/Android
+
+
+
+
+
+ {/* Resources */}
+
+
+
+ Resources & Examples
+
+
+
+
+
+ {/* Next Steps */}
+
+
+ Ready to Build?
+
+ Create immersive web3 experiences with Spatial and AeThex. Deploy to browsers, VR headsets,
+ and mobile devices with one unified API.
+
+
+
+
+
+ );
+}
diff --git a/client/pages/docs/integrations/TheSandbox.tsx b/client/pages/docs/integrations/TheSandbox.tsx
new file mode 100644
index 00000000..1e70947b
--- /dev/null
+++ b/client/pages/docs/integrations/TheSandbox.tsx
@@ -0,0 +1,448 @@
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Box, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
+import CodeBlock from "@/components/dev-platform/CodeBlock";
+
+export default function TheSandboxIntegration() {
+ return (
+
+
+
+
+ The Sandbox Integration
+
+
+ Build in The Sandbox with AeThex
+
+
+ Create voxel-based gaming experiences in The Sandbox metaverse. Integrate AeThex APIs with Game Maker,
+ VoxEdit assets, and LAND ownership for user-generated content at scale.
+
+
+
+ {/* Quick Stats */}
+
+
+
+ 2M+
+ Monthly Players
+
+
+
+
+ 166K+
+ LAND Owners
+
+
+
+
+ Polygon
+ Blockchain
+
+
+
+
+ {/* Features */}
+
+ What You Can Build
+
+
+
+
+
+ Voxel Game Experiences
+
+
+
+ Build games with Game Maker visual editor, sync player progress and rewards via AeThex backend
+
+
+
+
+
+
+
+ NFT Asset Marketplace
+
+
+
+ Create VoxEdit assets, list on OpenSea, track ownership and sales via AeThex analytics
+
+
+
+
+
+
+
+ LAND Experiences
+
+
+
+ Deploy games across multiple LAND parcels with unified player accounts via AeThex Passport
+
+
+
+
+
+
+
+ Cross-Platform Rewards
+
+
+
+ Award achievements in The Sandbox that unlock rewards in Roblox, Minecraft, and web platforms
+
+
+
+
+
+ {/* Quick Start */}
+
+
+
+ Quick Start Guide
+
+
+
+
+ 1. Install Game Maker + AeThex Plugin
+ Add AeThex SDK to your Sandbox experience
+
+
+
+ Download The Sandbox Game Maker from sandbox.game,
+ then install the AeThex plugin from the Asset Library.
+
+
+
Plugin Features:
+
+ - •
AeThex API Block - Make HTTP requests to AeThex endpoints
+ - •
Player Auth Block - Link wallet to AeThex Passport
+ - •
Achievement Block - Award cross-platform achievements
+ - •
Leaderboard Block - Display global leaderboards
+
+
+
+
+
+
+
+ 2. Configure AeThex in Game Maker
+ Add API credentials via visual scripting
+
+
+
+ Drag the AeThex Config block into your experience, then enter your API key from the
+ Developer Dashboard.
+
+
+
+
Visual Script Example:
+
+
+
On Player Enter
+
→
+
AeThex Auth
+
+
+
Player Wallet
+
→
+
Get Profile
+
+
+
Profile Data
+
→
+
Display UI
+
+
+
+
+
+
+
+
+ 3. Build with TypeScript SDK (Advanced)
+ For custom logic beyond Game Maker's visual editor
+
+
+
+ Use The Sandbox TypeScript SDK for complex game logic that integrates with AeThex APIs.
+
+
+
+
+
+
+
+ {/* Authentication Flow */}
+
+ Wallet Authentication
+
+ Link Sandbox wallets to AeThex Passport for cross-platform progression.
+
+
+
+
+ Polygon Wallet Integration
+
+
+
+ The Sandbox uses Polygon network for fast, low-cost transactions. AeThex supports Polygon L2 natively.
+
+
+
+
+
1
+
+
Player Enters Experience
+
Game Maker detects player with Polygon wallet connected
+
+
+
+
+
2
+
+
Check AeThex Link
+
AeThex API checks if wallet is already linked to Passport
+
+
+
+
+
3
+
+
Sign-In Prompt (First Time)
+
If not linked, prompt wallet signature (gasless, EIP-4361)
+
+
+
+
+
4
+
+
Cross-Platform Access
+
Player can now access achievements, progress from other platforms
+
+
+
+
+
+
+
+
+
+ {/* Best Practices */}
+
+
+
+ Best Practices & Limitations
+
+
+
+
+
+ The Sandbox Limitations
+
+
+ • Game Maker constraints: Visual scripting has limited logic complexity
+ • Voxel performance: Max 50k voxels per LAND parcel, optimize models
+ • Player limits: 100 concurrent players per experience
+ • Asset file sizes: VoxEdit models max 10MB, use LOD for large objects
+
+
+
+
+
+ Optimization Tips
+
+
+ • Polygon L2 benefits: 2-second confirmations, $0.001 gas fees vs Ethereum mainnet
+ • Batch API calls: Update multiple players' data in single request
+ • Cache NFT metadata: Store VoxEdit asset metadata on AeThex CDN
+ • Mobile support: The Sandbox mobile app launching 2026, test on Android/iOS
+
+
+
+
+
+ {/* Resources */}
+
+
+
+ Resources & Examples
+
+
+
+
+
+ {/* Next Steps */}
+
+
+ Ready to Build?
+
+ Create voxel gaming experiences with The Sandbox and AeThex. Build NFT-powered games with
+ cross-platform rewards on Polygon L2.
+
+
+
+
+
+ );
+}