Give your blog superpowers with MDX in a Next.js

1. next-mdx-remote

   1 21 2,942 5.8 TypeScript

   Load MDX content from anywhere

   

   next-mdx-remote

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

   

3. mdx-bundler

   2 9 1,868 4.2 JavaScript

   🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!

   

   mdx-bundler

4. jpreagan.com

   3 4 31 8.5 TypeScript

   Discontinued 💿 My personal website built with Remix

   Here I'm using remarkGfm to provide GitHub Flavored Markdown, and rehype-prism-plus to give syntax highlighting for code blocks. You'll need to import a prism theme in /pages/_app.tsx or add your own custom tokens to global styles. I went with the latter option and you can take a look at how I did that here.

5. remark-mdx-images

   4 1 25 6.6 JavaScript

   Discontinued A remark plugin for changing image sources to JavaScript imports using MDX

   You might also want to embed images in your MDX. Proprietary solutions like Cloudinary are great services, but can get a bit pricey too. Something you might want to look at is image bundling with remark-mdx-images, which you can use with mdx-bundler.

6. tailwindcss-typography

   5 53 5,627 6.3 JavaScript

   Beautiful typographic defaults for HTML you don't control.

   

   Also, note I've made use of some styling here; just a minimal example of how you can use Tailwind CSS and the official Tailwind Typography plugin. It's really fantastic for this sort of use case. If you're curious more about the styling have a look at the GitHub repo.

7. Stream

   getstream.io featured

   Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

   

Suggest a related project