Full Next.js example
This is a full-featured boilerplate for a creating a documentation website using Markdoc and Next.js.
Setup
First, clone this repo and install the dependencies required:
npm install # or yarn install
Then, run the development server:
npm run dev # or yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying index.md
. The page auto-updates as you edit the file.
Deploy
The quickest way to deploy your own version of this boilerplate is by deploying it with Vercel or Netlify by clicking one of the buttons below.
Deploy with Vercel
See it at https://markdoc-starter-tan.vercel.app/
Deploy to Netlify
My Component
--**Es falso
This is a test of a component copied from the callout component.
References
- See Using Markdoc with Next.js
- Charlie Gerard interview: How Stripe Powers Their Documentation with MarkDoc GitHub channel in Youtube. - Open Source Friday #opensource
- See Dinesh Pandiyan - Markdoc: What is it and why do I love it?
- How Stripe builds interactive docs with Markdoc by Ryan Paul September 13, 2022
- Building Markdoc: A Powerful, Flexible Open Source Markdown Framework - Mike BiFulco 28 December 2022
- Getting started with Markdoc in Next.js. Charlie Gerard for Stripe