Meticulously crafted React components and utilities, designed to elevate every stage of your JavaScript documentation.
- 📝 Quickly start authoring MDX
- ✅ Type-check content
- 📘 Generate type documentation
- 📊 Gather module metadata
- 🖼️ Preview source code examples
- 📁 Generate file-based routes
- 🌈 Accurately highlight code blocks
npm install renoun
After installing the package and required dependencies, you can start creating content or documentation using any framework that supports React Server Components.
To get started, use the collection
function to render a collection of files from the file system:
import { collection } from 'renoun/collections'
const posts = collection('docs/*.mdx')
export default async function Page({ params }) {
const Content = await posts
.getSource(params.slug)
.getExport('default')
.getValue()
return <Content />
}
There are many different components to help facilitate writing technical content. Visit the site to view the full documentation and learn more about the features and capabilities of Renoun.