mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
e3688fbd94
This PR updates the with-three-js example to use the App Router. Here are the changes that have been made: - Renamed the pages folder to the app folder. - Updated the routing for `/`, `/birds` & `/boxes` files to align with the App Router. - Added the `layout.tsx` & `tsconfig.json` file as part of the App Router. - Updated the package.json file. The following actions were performed as part of this PR: - Ran `pnpm prettier-check `with no issues found. - Executed the `pnpm check-examples` script. CC: @samcx --------- Co-authored-by: samcx <[email protected]>
23 lines
593 B
TypeScript
23 lines
593 B
TypeScript
"use client";
|
|
|
|
import { Canvas } from "@react-three/fiber";
|
|
import { OrbitControls } from "@react-three/drei";
|
|
import Box from "../_components/Box";
|
|
|
|
export default function BoxesPage() {
|
|
return (
|
|
<>
|
|
<h1>Click on me - Hover me :)</h1>
|
|
<Canvas camera={{ position: [0, 0, 35] }}>
|
|
<ambientLight intensity={2} />
|
|
<pointLight position={[40, 40, 40]} />
|
|
<Box position={[10, 0, 0]} />
|
|
<Box position={[-10, 0, 0]} />
|
|
<Box position={[0, 10, 0]} />
|
|
<Box position={[0, -10, 0]} />
|
|
<OrbitControls />
|
|
</Canvas>
|
|
</>
|
|
);
|
|
}
|