First Load is way faster thanks to RenaudRohlinger next.config
Run the following command to create a new project with this Starter:
yarn create next-app [project name] -e https://github.com/Alex23925/next-r3f-starter
# or
npx create-next-app [project name] -e https://github.com/Alex23925/next-r3f-starter
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
Canvas Component by default is too small so added this class to resize to correct size Can be removed if you find a better solution to the problem
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!
And to learn more about React Three fiber, here is the Repo:
- react-three-fiber repository - has an example for both regular react and react w/ typescript
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.