The recommendation is to clone this repository and run:

npm install

Then

npm run build

• Automatically inject r3f component in the Canvas
• Support glsl imports
• PWA Support
• Layout for Canvas and DOM
• Template for the meta data and header
• Clean code using ESlint and Prettier
• VSCode debug profiles for the server, Chrome, and Firefox

Inform the nextjs page that the component is a Threejs component. For that, simply add the r3f property to the parent component.

const Page = (props) => {
  return (
    <>
      <div>Hello !</div>
    </>
  )
}
// canvas components goes here
// It will receive same props as Page component (from getStaticProps, etc.)
Page.r3f = (props) => (
  <>
    <Shader />
  </>
)

export default Page

• yarn dev - Next dev
• yarn analyze - Generate bundle-analyzer
• yarn lint - Audit code quality
• yarn build - Next build
• yarn start - Next start
• yarn export - Export to static HTML

• threejs – A lightweight, 3D library with a default WebGL renderer.
• @react-three/fiber – A React renderer for Threejs on the web and react-native.
• @react-three/drei - Optional – useful helpers for react-three-fiber
• @react-three/a11y - Optional – Accessibility tools for React Three Fiber
• r3f-perf - Optional – Tool to easily monitor react threejs performances.

Please feel free to:

• submit suggestions and bug-reports at: https://github.com/Kitty-Inu-DAO/Website/issues
• send pull requests after forking: https://github.com/Kitty-Inu-DAO/Website/

see COPYRIGHT and LICENSE files for copyright and license information.

All materials under /public/3D/ are licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International. See COPYRIGHT for more details.

• All contributions should be made as a pull request to the dev branch. Pull requests to main will be ignored.

• PRs must include a concise but descriptive title of the feature, bug, chore, etc. the PR is addressing.

• This repository follows conventional commit semantics. Please read here to ensure you understand the proper commit format: https://www.conventionalcommits.org/en/v1.0.0/#summary

• This repository uses Fleek for deployments of the main branch to IFPS.
• ENS is used as the domain.

Production deployment at: https://kitty-inu-dao.eth/

Production deployment at: https://kitty-inu-dao.eth.link/

Centralized way to access information in the ENS from DNS, managed by Cloudflare.

Production deployment at: https://kitty-inu-dao.eth.limo/

Decentralized alternative to eth.link. Similar to eth.link, eth.limo is based on a wildcarded DNS record, *.eth.limo. However, instead of being managed by a single organization, it is powered by a DAO.