website_repo_banner

The official website for Kanri, featuring the landing page and documentation.

website screenshot

The Kanri website is built using the following technologies:

• Astro and Starlight: Framework for building the site and documentation.
• TailwindCSS: Utility-first CSS framework for styling.
• shadcn/ui: Component library for building the user interface.
• Framer Motion: Library for animations and transitions.
• TypeScript: Adding static types to JavaScript.
• MDX: Markdown for writing content with embedded React components.

Inside the project, you'll see the following folders and files:

.
├── public/
├── src/
│ ├── assets/
│ ├── content/
│ │ ├── docs/
│ │ └── config.ts
│ └── env.d.ts
├── astro.config.mjs
├── package.json
└── tsconfig.json

• public/: Static assets like favicons.
• src/assets/: Images and other assets embedded in Markdown.
• src/content/docs/: Documentation files in .md or .mdx format.
• astro.config.mjs: Configuration for Astro.
• package.json: Project metadata and dependencies.
• tsconfig.json: TypeScript configuration.

All commands are run from the root of the project, from a terminal:

Check out the Kanri Discord server for more information.