menu
HOMEPLUGINSSTARTER KITSDOCSGET STARTED
menuConcepts
Introduction
Conceptskeyboard_arrow_down
Isomprphic Rendering
AI Ready
Referencekeyboard_arrow_right

This section explains the concepts for the design of katnip:

  • Isomorphic Rendering - React components run seamlessly on both server and client, supported by hooks like useIsoRef and useIsoMemo.

  • Data-first Development - Query data directly from the client without custom endpoints, powered by Valtio proxies and controlled by security policies.

  • Plugins - The heart of Katnip. Everything is a plugin: defaults, deployment, integrations. Plugins are just npm packages exposing hooks and listening to events. Opinionated out of the box, but swappable when you need.

  • Edge Ready - Katnip runs anywhere, from Node to edge platforms, with deployment handled by plugins listening to build/deploy events.

  • RPC - Call server functions directly from the client with useRpc(), removing the need for REST or GraphQL boilerplate.

  • AI Ready - Katnip is "prompt friendly", meaning that the concepts and best practices are understandable by AI. Generate code that can be maintained by both AI and humans.

Join us on Discord