This is the documentation and demos website for @react-hooks-library. The library documentation is not written here, but it is imported and built here.
It is built using:
Most of the code is written in TypeScript, but most pages are written in Markdown, we build our website by importing the Markdown files and compiling them into react using mdx-bundler. These .mdx files embed interactive react components(with state, effects etc.).
The loader functions are defined at loadMDX.ts. All hooks docs are built by importing all the .mdx files.
This implementation can be seen here.
The rest of the UI component are at ui and the rest is normal next js.
There are special components that available to the mdx file that don't need to be imported, these are defined at ui/docs, they are imported and in mdxComponents.tsx which also modifies the incoming html to add special nextjs features.
A simpler example of this workflow is seen at functions or the getting-started pages, which is a list of all the hooks.
That's most of it, we also use framer-motion for animation, primary state transitions and zustand is used for global state management.