A content layer for Next.js.
npm install @umami/shisoIn your app folder, create a folder for the content section you wish to add. In this case we are creating a section for docs.
src
├── app
│ └── docs
│ └── [[...slug]]
│ └── page.jsx
In the page.jsx file, add the following code:
import { Shiso, Docs } from '@umami/shiso';
import { next } from '@umami/shiso/server';
import config from 'path/to/shiso.config.json';
const { generateMetadata, generateStaticParams, renderPage } = next(config);
export { generateMetadata, generateStaticParams };
export default renderPage(props => {
return <Shiso {...props} component={<Docs />} />;
});In the folder you specified, start adding .mdx files.
MIT