Jonathan's Homepage

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

License

MIT License.

You can create your own homepage for free without notifying me by forking this project under the following conditions:

• Add a link to my homepage
• Do not use the 3d voxel dog

Check out LICENSE for more detail.

---

Looking for a Markdown note-taking app? Check out my app called Inkdrop: