Next.js + MDX

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

Our great sponsors
  • Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
  • ni

    💡 Use the right package manager

    If not, the easiest way to get a Next.js project off the ground is using the create-next-app npm package, which scaffolds an entire project for you. You can execute the package using your favourite Node.js package manager (such as npm, yarn, or pnpm)1. Alternatively, you can also use ni2, which is what I'll use for this guide to avoid confusion. Choose a package manager and you will be good to go.

  • mdx

    Markdown for the component era

    MDX is a language that builds on the standard Commonmark syntax by adding the capability to use custom components inside your markdown. These components can be React components (mdx-js/react), Vue components (mdx-js/vue), or even Svelte components (MDsveX)

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • berry

    📦🐈 Active development trunk for Yarn ⚒

    If not, the easiest way to get a Next.js project off the ground is using the create-next-app npm package, which scaffolds an entire project for you. You can execute the package using your favourite Node.js package manager (such as npm, yarn, or pnpm)1. Alternatively, you can also use ni2, which is what I'll use for this guide to avoid confusion. Choose a package manager and you will be good to go.

  • Next.js

    The React Framework

    @next/mdx, the official MDX plugin for Next.js

  • consul-template

    Template rendering, notifier, and supervisor for @HashiCorp Consul and Vault data.

    next-mdx-remote, a community package maintained by Hashicorp that allows you to use MDX from outside your project.

  • next-mdx-remote

    Load mdx content from anywhere through getStaticProps in next.js

    next-mdx-remote, a community package maintained by Hashicorp that allows you to use MDX from outside your project.

  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

    MDX is a language that builds on the standard Commonmark syntax by adding the capability to use custom components inside your markdown. These components can be React components (mdx-js/react), Vue components (mdx-js/vue), or even Svelte components (MDsveX)

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Svelte

    Cybernetically enhanced web apps

    MDX is a language that builds on the standard Commonmark syntax by adding the capability to use custom components inside your markdown. These components can be React components (mdx-js/react), Vue components (mdx-js/vue), or even Svelte components (MDsveX)

  • React

    The library for web and native user interfaces

    MDX is a language that builds on the standard Commonmark syntax by adding the capability to use custom components inside your markdown. These components can be React components (mdx-js/react), Vue components (mdx-js/vue), or even Svelte components (MDsveX)

  • commonmark-spec

    CommonMark spec, with reference implementations in C and JavaScript

    MDX is a language that builds on the standard Commonmark syntax by adding the capability to use custom components inside your markdown. These components can be React components (mdx-js/react), Vue components (mdx-js/vue), or even Svelte components (MDsveX)

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