Babylon.js starter project with Turborepo and Next.js

Demos and projects
, , ,
1

Hello, community

I am happy to share a starter template for Turborepo + Next.js + Babylon.js based projects.
This template is the outcome of my experiences in building apps where communication between web interfaces and 3D scenes is crucial.

Main advantages:

  • Easy to build and deploy
  • 3D logic is separated into its own package
  • Next.js web app
  • 3D app exposes an API for interaction with the web interface
  • Typescript

Happy to hear any feedback or improvements…

8 Likes
2

Huge! Thanks a lot for that!

3

This is so cool!

4

Always interesting to see more React integrations - haven’t seen a ref passed through context that way before. A good addition for a starter project is to include the next bundle analyzer.
Babylon.js ES6 support with Tree Shaking | Babylon.js Documentation (babylonjs.com)

I’m not sure your imports from root will tree shake.

Thanks for sharing!

3 Likes
5

Hi Seffra, I tried using the project but when I run dev I get this error:

> furmio-configurator@ dev /home/blaquec88/Desktop/3D/BabylonJS/nextjs-babylonjs
> turbo run dev

sh: 1: turbo: not found
 ELIFECYCLE  Command failed.
6

Maybe you need to install turborepo first:

pnpm install turbo --global
7

Still not working.

ERR_PNPM_META_FETCH_FAIL  GET https://registry.npmjs.org/turbo: Value of "this" must be of type URLSearchParams