next.js VS markdown-live-preview

Using Markdoc with Next.js

Released in 2022, Markdoc is a relatively new Markdown-based authoring framework. The Markdoc project is open-source and it powers Stripe's documentation. Their website has a live edit button which makes the website a playground for you to give Markdoc a try. Documentations created with Markdoc will automatically render with your React app and using @markdoc/next.js for your Next.js app.

A couple of weeks ago, we open-sourced Markdoc, the authoring tool powering the Stripe docs. To accompany the launch, we published a blog post showing how to get started using Markdoc with Next.js, using the @markdoc/next.js plugin. In this blog post, I’ll show you how to create your own plugin, using the one I wrote for Parcel, as an example, so that you can use Markdoc with it.

Official Markdoc documentation Markdoc repository Markdoc Next.js plugin repository Markdoc playground Next.js boilerplate demo

If you want to try out play with Markdown Language - click here: https://markdownlivepreview.com/

A while ago i make myself a list of possible ways to make a GUI (im not formatting it to reddit-specific markdown, sorry, paste the following text in https://markdownlivepreview.com/ or something if its not readable) :

You can use the "Markdown Live Preview" tool to look at the page format of any Markdown files.

dillinger or markdownlivepreview

If you're just starting out with Markdown, check out the syntax and write some hello-world docs online.

I'd recommend using a Reddit comment preview tool before posting. Like this one: https://markdownlivepreview.com/

Solved ! I just need to clone https://github.com/tanabe/markdown-live-preview and run script and voila, offline markdown editor and preview on qutebrowser.