mdx-bundler
🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports! (by kentcdodds)
codehike
Marvellous code walkthroughs (by code-hike)
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.io
featured
mdx-bundler | codehike | |
---|---|---|
8 | 8 | |
1,701 | 4,232 | |
- | 0.8% | |
5.7 | 5.6 | |
about 1 month ago | 9 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mdx-bundler
Posts with mentions or reviews of mdx-bundler.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-05-29.
-
Should I use a CMS
Personally using https://github.com/kentcdodds/mdx-bundler
-
How to support admonition (or callout) in Markdown
Exact code could be different if you're using mdx-bundler, Contentlayer, or anything else. But there should be a similar API for adding components.
-
Give your blog superpowers with MDX in a Next.js
mdx-bundler
-
Powerful Code Blocks with Code Hike and MDX
Do note that Code Hike also works with Next MDX Remote and MDX Bundler however, we are going to look at a simple example with the official MDX plugin for Next.js.
-
mdx-bundler users: did you find a way to place a cover image in frontmatter?
i'm having a hard time finding a solution, just like others → https://github.com/kentcdodds/mdx-bundler/issues/70
-
Ask HN: How to build a light weight personal blog?
Depends on what functionality you'd like to add as you go. I recently built my site from scratch (with no prior experience) using NextJS, MDX and mdx-bundler [1]. Having the ability to add custom components, or statically generate a related posts matrix are all super useful.
1: https://github.com/kentcdodds/mdx-bundler
https://olickel.com
-
Quick comparison of MDX integration strategies with Next.js
MDX Bundler differs from all of the other packages listed above in that it is Framework agnostic, meaning you can use it outside of Next.js. Like next-mdx-remote, no changes to the next.config.js file are necessary.
-
How I Made My Multilingual Blog
To make Next.js works with MDX, we need to compile and bundle the markdown files. For this task, I decided to go with the new mdx-bundler library made by the famous Kent C. Dodds.
codehike
Posts with mentions or reviews of codehike.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-13.
-
GitHub Accelerator: our first cohort and what's next
- https://github.com/code-hike/codehike: Tools for building all types of code walkthroughs: blogs, docs, slides, tutorials, etc.
-
Dark mode with Shiki and Code Hike
Warning: This article refers to versions of Code Hike before 0.8.0. Since version 0.8.0, Code Hike uses lighter instead of Shiki. The approach presented in this article uses shiki's color replacement method, which no longer works with lighter.
- code-hike/codehike: Marvellous code walkthroughs
- Code-hike/codehike: Build first-class code walkthroughs for the web
- Code Hike: write code walkthroughs with MDX
-
Powerful Code Blocks with Code Hike and MDX
Code Hike GitHub Repository
- Build Your Own React
- Scrollycoding – A new way to write code walkthroughs
What are some alternatives?
When comparing mdx-bundler and codehike you can also consider the following projects:
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
shiki - A beautiful yet powerful syntax highlighter
mdx - Markdown for the component era
didact - A DIY guide to build your own React
Tailwind CSS - A utility-first CSS framework for rapid UI development.
code-video-generator - Generates code walkthrough videos using Manim
Next.js - The React Framework
code-hike-example
esbuild-plugin-alias - esbuild plugin for path aliases
remark - markdown processor powered by plugins part of the @unifiedjs collective
next-mdx-enhanced - A Next.js plugin that enables MDX pages, layouts, and front matter
pypandoc - Thin wrapper for "pandoc" (MIT)
mdx-bundler vs next-mdx-remote
codehike vs shiki
mdx-bundler vs mdx
codehike vs didact
mdx-bundler vs Tailwind CSS
codehike vs code-video-generator
mdx-bundler vs Next.js
codehike vs code-hike-example
mdx-bundler vs esbuild-plugin-alias
codehike vs remark
mdx-bundler vs next-mdx-enhanced
codehike vs pypandoc