Takuya's Homepage

https://www.craftz.dog/

Tutorial

Watch how I built this website on YouTube:

YouTube thumbnail

Stack

  • Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
  • Chakra UI - A simple, modular and accessible component libray 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

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

Inkdrop