Give your blog superpowers with MDX in a Next.js

This page summarizes the projects mentioned and recommended in the original post on dev.to

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • next-mdx-remote

    Load MDX content from anywhere

    next-mdx-remote

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • mdx-bundler

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

    mdx-bundler

  • jpreagan.com

    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.

  • remark-mdx-images

    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.

  • tailwindcss-typography

    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.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to support admonition (or callout) in Markdown

    3 projects | dev.to | 29 Nov 2022
  • mdx-bundler users: did you find a way to place a cover image in frontmatter?

    1 project | /r/nextjs | 17 Feb 2022
  • Prismjs: does importing the syntax for all languages increase the bundles size

    1 project | /r/reactjs | 10 Mar 2021
  • Beginners Thread Easy Questions January 2021

    1 project | /r/reactjs | 29 Jan 2021
  • Blockquotes in markdown not rendering in gatsby

    1 project | /r/gatsbyjs | 4 Dec 2023

Did you konow that JavaScript is
the 3rd most popular programming language
based on number of metions?