Move code blocks to the right-hand side of the page

[dextertd]

For the purposes of documenting APIs, it makes sense to display large amounts of code to the right-hand side of the main body of the document, in order to fit in as much content as possible.

How can this be achieved with Docusaurus? I have found several plugins which do this (Redocusaurus, docusaurus-openapi-docs), but they are generating complex mdx files from swagger OpenAPI specs. I would like to apply this to my own plain mdx files (which are not generated, but written).

I cannot find a plugin for this but can anyone point me in the right direction? Thanks.

[slorber]

Courier has built something using plain hand-written MDX and React components.

https://www.courier.com/blog/how-we-built-our-documentation/

https://www.courier.com/docs/reference/send/message/

Their site is open-source and afaik they don't use a Docusaurus plugin to create that API client: https://github.com/trycourier/docs