Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/craftzdog/craftzdog-homepage
My homepage
https://github.com/craftzdog/craftzdog-homepage
chakra-ui nextjs react threejs
Last synced: 30 days ago
JSON representation
My homepage
- Host: GitHub
- URL: https://github.com/craftzdog/craftzdog-homepage
- Owner: craftzdog
- License: other
- Created: 2021-10-13T04:59:52.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-08-20T00:34:14.000Z (3 months ago)
- Last Synced: 2024-09-29T05:20:56.736Z (about 1 month ago)
- Topics: chakra-ui, nextjs, react, threejs
- Language: JavaScript
- Homepage: https://www.craftz.dog/
- Size: 22 MB
- Stars: 2,298
- Watchers: 31
- Forks: 689
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - craftzdog/craftzdog-homepage - My homepage (JavaScript)
README
# Takuya's Homepage
[https://www.craftz.dog/](https://www.craftz.dog/)
## Tutorial
Watch how I built this website on YouTube:
[![YouTube thumbnail](./doc/thumb.png)](https://www.youtube.com/watch?v=bSMZgXzC9AA)
## Stack
- [Next.js](https://nextjs.org/) - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
- [Chakra UI](https://chakra-ui.com/) - A simple, modular and accessible component library for React
- [Three.js](https://threejs.org/) - 3D library for JavaScript
- [Framer Motion](https://www.framer.com/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](https://www.craftz.dog/)
- Do not use the 3d voxel dogCheck out [LICENSE](./LICENSE) for more detail.
---
Looking for a Markdown note-taking app? Check out my app called Inkdrop:
[![Inkdrop](https://github.com/craftzdog/dotfiles-public/raw/master/images/inkdrop.png)](https://www.inkdrop.app/)