I think you can render the content with https://github.com/portabletext/react-portabletext ?

i see but I have rendered it but is there anyway to get cool markdown styles like code snippets and the headings or does that have to be done manually?

by manually i mean css/tailwind

i think the best solution is to use mdx in nextjs and configure it

You can use the one from nextjs: https://nextjs.org/docs/app/building-your-application/configuring/mdx
The headings, blockquotes, … will be configured by you