This repo is an example of how to document a system of components, hooks, utilities, and themes in Next.js using TS Morph.
β»οΈ Fast Refresh for everything
π MDX for mixing Markdown and JSX
π€ Component, hook, and utility doc generation
π¨ Theme and design token doc generation (Not implemented)
πΌ Server rendered live code examples
πΉ Playground powered by Monaco Editor with Go to Definition
π Quick links to source code in development and production
π CLI for easily adding new features
π Theme, component, hook, and utility relationships (Not implemented)
πΈ Screenshot diffing (Not implemented)
pnpm install
pnpm dev
This will start the development servers. One server handles gathering and caching the data while the other is a NextJS server that serves the site.
When debugging data gathering, you can use the pnpm dev:data --debug
command to start the data server in debug mode.