Next.js + MDX

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 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)

  • 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
  • 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