Top 20 JavaScript Mdx Projects
-
For my blog I'm using Next.js with https://mdxjs.com/ and if you know react it's great
-
Yep, you can import JSX components and embed them with your run-of-the-mill Markdown prose. If you're documenting your JSX based component library, which is what Docz let you do, this makes all the sense in the world. MDX is also used to author slide decks in mdx-deck, which is very appealing if you're tired of clicking around in Keynote/PowerPoint/Google Sheets. Which many of us are. I'm not denying the appeal or usability of MDX for certain things for certain people.
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Link : https://github.com/hiroppy/fusuma
-
Project mention: Show HN: Open-source alternative to Retool, Internal.io, etc. | news.ycombinator.com | 2021-06-07
-
Project mention: Ask HN: What are you using for public documentation these days? | news.ycombinator.com | 2021-11-18
I've not used it yet - but planning to give Nextra (https://nextra.vercel.app/) a go next time around.
The 'docs' theme is intended as a quick way to produce a documentation website based on Next, which you can obviously customise further with your own components if needed.
-
gatsby-starter-minimal-blog
Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.
Project mention: In July I had migrated to Gatsby4 - it's all slow now | reddit.com/r/gatsbyjs | 2021-10-16I think this article is misleading. Gatsby 4 wasn't available in July yet and the article itself explains updating my starter: https://github.com/LekoArts/gatsby-starter-minimal-blog
-
mdx-bundler
🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!
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.
-
-
Project mention: Miniflare – Simulator for developing and testing Cloudflare Workers | news.ycombinator.com | 2021-09-24
Also, every pages as an "Edit on Github" link so you can go straight to the page you're seeing (in this case - https://github.com/cloudflare/cloudflare-docs/blob/productio...)
-
xdm
Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)
Project mention: I'm building an app to write interactive blog posts from the browser. It lets you add markdown and custom/pre-built react components inside your posts. | reddit.com/r/SideProject | 2021-06-22Here is link number 1 - Previous text "XDM"
-
Project mention: Connecting Obsidian to custom domain without using Obsidian Publish? | reddit.com/r/ObsidianMD | 2021-05-21
This is the one i am using for https://lateral.wiki https://github.com/mathieudutour/gatsby-digital-garden Hosted with Netlify via Github.
-
React Native for Web is compatible with multiple frameworks and tools. You can use it with Create React App, Next.js, Gatsby, Expo (!), or you can create a custom build process.
-
gatsby-starter-portfolio-minimal
A Gatsby Starter to create a clean one-page portfolio with Markdown content.
So as part of this Hackathon I decided to give my portfolio a new look. I built it with Gatsby, used this starter by Konstantin Münster. Made few changes to the actual starter, by adding particlesJS and also some other animations.
-
Project mention: Prismjs: does importing the syntax for all languages increase the bundles size | reddit.com/r/reactjs | 2021-03-10
I'm trying prismjs lib for syntax highlighting, it sounds like for each languages I need to import a separate part of the core module, now (something like this: https://github.com/EllisMin/gatsby-blog-mdx/blob/442d1135de794a9950293278b2ecbb2eda5e883a/gatsby-browser.js) now I assume each of these will be increase the size of the bundle right? Any workarounds? Maybe lazy loading? I appreciate any feedbacks.
-
The full version of the script is available on my site’s Github repository, and I’ve got a shortened version below that you can copy-paste.
-
As an example, You can see here that I installed a package (@motion/react) due to emotion library changes, replaced font prefetch plugin.
-
You can see our starter repository on our GitHub or select Documentation Starter when going through our quickstart flow.
-
-
gh-deploy
Instantly remove, view and manage deployment environments on GitHub. Built with React, MDX & GitHub API.
See Live
-
maxpetretta.com
My personal website, built using Next.js, Tailwind CSS, and MDX. Deployed on Vercel.
Project mention: Brand new personal site, made with Next.js & Tailwind. Feedback? | reddit.com/r/webdev | 2021-09-04Source: https://github.com/maxpetretta/maxpetretta.com
-
Here's an example of everything covered above!
JavaScript Mdx related posts
- Why I Made My Own Personal Documentation Site?
- How to add MDX to an Existing Gatsby Site
- React Loading State Pattern using Toast & SWR
- Getting simple code syntax highlighting
- Paradox of Choice
- Tina now Supports MDX
- ⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
Index
What are some of the best open-source Mdx projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | mdx | 11,817 |
| 2 | mdx-deck | 10,475 |
| 3 | fusuma | 5,024 |
| 4 | blocks | 4,290 |
| 5 | nextra | 2,468 |
| 6 | gatsby-starter-minimal-blog | 890 |
| 7 | mdx-bundler | 836 |
| 8 | cloudflare-docs | 627 |
| 9 | xdm | 514 |
| 10 | gatsby-digital-garden | 444 |
| 11 | gatsby-plugin-react-native-web | 267 |
| 12 | gatsby-starter-portfolio-minimal | 160 |
| 13 | gatsby-blog-mdx | 57 |
| 14 | emgoto.com | 38 |
| 15 | sung.codes | 3 |
| 16 | tina-docs-starter | 2 |
| 17 | personalPortfolio_v5 | 1 |
| 18 | gh-deploy | 1 |
| 19 | maxpetretta.com | 0 |
| 20 | next-mdx-prism-example | 0 |
Are you hiring? Post a new remote job listing for free.
