{
  "id": 7703593,
  "title": "Tencent EdgeOne Makers: Deploying a 3D AI Procedural Asset Studio with Next.js and Three.js",
  "url": "https://urgent.news/2026/09/16/tencent-edgeone-makers-deploying-a-3d-ai-procedural-asset-studio-with",
  "topic": "ai",
  "section": "AI",
  "published": "2026-09-16T04:32:42.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/ibay_125128a17dd5b9568bd7/tencent-edgeone-makers-deploying-a-3d-ai-procedural-asset-studio-with-nextjs-and-threejs-d71"
  },
  "original_language": "en",
  "account": "Building a 3D AI Procedural Asset Studio using Next.js and Three.js requires careful consideration of deployment, performance, infrastructure, and user accessibility. To deploy the project, the author utilized Tencent EdgeOne Makers, a platform that supports modern web frameworks like Next.js.\n\nThe project, named Asset Studio, is a lightweight 3D workspace where users can interact with procedural 3D objects and generate or modify scenes using natural-language prompts. The application is organized as a pnpm monorepo, with the main web application located in apps/web and reusable functionality in workspace packages.\n\nWhen preparing the project for deployment, the author kept the repository structure intact and used the pnpm build command for the web application. This ensures that the Next.js application correctly resolves internal workspace packages during the build process.\n\nFor deployment configuration, the author used the Next framework preset provided by EdgeOne Makers. This includes setting the Root Directory to ./ and specifying the Install and Compile Commands as pnpm install and pnpm --filter @asset-studio/web build, respectively.\n\nAfter connecting the Git repository, EdgeOne Makers successfully completed the deployment pipeline, consisting of Initialize, Clone, Install, Build, and Deploy stages. The application is now accessible at https://threed-dpduaz9nfl3m.edgeone.dev/.\n\nKey lessons learned include the importance of matching deployment configuration to the project architecture, especially for monorepos with dependencies outside the application directory. Additionally, understanding the difference between standard Next.js deployments and static exports is crucial in choosing the appropriate deployment mode based on the application's requirements.\n\nTo deploy a similar application, it is recommended to thoroughly understand the repository structure, configure EdgeOne Makers using the Next framework preset, and determine the appropriate deployment mode based on the application's functionality.",
  "summary": "Building a web application is only one part of the development process. Once the application is ready, developers still need to think about deployment, performance, infrastructure, and how users can access the project reliably. For my project in the DevHandal 2026 Batch 2 program, I built a 3D AI Procedural Asset Studio, a web-based application that allows users to generate and manipulate simple…",
  "key_points": [
    "Tencent EdgeOne Makers deployed 3D AI Procedural Asset Studio using Next.js and Three.js.",
    "Project deployed successfully via EdgeOne Makers with Next framework preset."
  ],
  "editors_take": "Tencent EdgeOne Makers' support for Next.js simplifies deployment of complex web applications like the 3D AI Procedural Asset Studio, enabling developers to focus on user experience and functionality.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}