Inspired by

https://www.craftz.dog/

Tutorial

Watch how I built this website on YouTube:

Stack

• Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
• Chakra UI - A simple, modular and accessible component library for React
• Three.js - 3D library for JavaScript
• Framer Motion - An animation library for React

Project structure

$PROJECT_ROOT
│   # Page files
├── pages
│   # React component files
├── components
│   # Non-react modules
├── lib
│   # Static files for images and 3d model file
└── public

---