Flux159/next-babylonjs

Next.js app with typescript, ES6 babylonjs, and react-babylonjs

This is a Next.js project with typescript and react-babylonjs.

Getting Started

Clone this repo, then run the development server:

yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file. You can also update pages/fullscreen.tsx to update the fullscreen view.

The key differences between create-next-app and this repo are the custom configuration for babylon ES6 modules in next.config.js using next-transpile-modules and a slight change to tsconfig.json to use the "allowSyntheticDefaultImports" property. Other than that, this repo mostly just uses the example from the react-babylonjs repo.

Building

Run the following:

yarn build

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Learn Babylonjs and react-babylonjs

Learn react-babylonjs and Babylonjs to see how you can make sophisticated 3d apps and games.