codehike
Marvellous code walkthroughs (by code-hike)
mdx-bundler
🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports! (by kentcdodds)
Our great sponsors
codehike | mdx-bundler | |
---|---|---|
8 | 8 | |
4,227 | 1,695 | |
1.4% | - | |
6.4 | 5.4 | |
about 2 months ago | 28 days ago | |
TypeScript | JavaScript | |
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.
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
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.
What are some alternatives?
When comparing codehike and mdx-bundler you can also consider the following projects:
shiki - A beautiful yet powerful syntax highlighter
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
didact - A DIY guide to build your own React
mdx - Markdown for the component era
code-video-generator - Generates code walkthrough videos using Manim
Tailwind CSS - A utility-first CSS framework for rapid UI development.
code-hike-example
Next.js - The React Framework
remark - markdown processor powered by plugins part of the @unifiedjs collective
esbuild-plugin-alias - esbuild plugin for path aliases
pypandoc - Thin wrapper for "pandoc" (MIT)
next-mdx-enhanced - A Next.js plugin that enables MDX pages, layouts, and front matter
codehike vs shiki
mdx-bundler vs next-mdx-remote
codehike vs didact
mdx-bundler vs mdx
codehike vs code-video-generator
mdx-bundler vs Tailwind CSS
codehike vs code-hike-example
mdx-bundler vs Next.js
codehike vs remark
mdx-bundler vs esbuild-plugin-alias
codehike vs pypandoc
mdx-bundler vs next-mdx-enhanced