portabletext
mdx
portabletext | mdx | |
---|---|---|
4 | 99 | |
1,213 | 16,838 | |
1.0% | 0.8% | |
5.2 | 8.7 | |
about 1 month ago | 4 days ago | |
JavaScript | ||
MIT License | MIT License |
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.
portabletext
-
Anchor Links From Sanity in Gatsby
Sanity is a headless content based CMS. You write in a rich text editor, which creates portable text. So unlike markdown you wont have to convert header # items but you will have to serialize the portable text into something that Gatsby can understand. I won't dive too deeply into how you create a site using sanity.io there are some great guides for that using gatsby-source-sanity.
- Portable Text
-
On the limits of MDX
I get it. I get the tangibility of flat files. I get that it feels good to take your coding skills into your prose. But it's not the best way to work with content. Text editors with familiar affordances that produce typed rich text that can be queried and serialized into whatever you need are better. Where developers can define the data structures they need, and editors get easy-to-use tools to get their work done. Like what we're building at Sanity with Portable Text.
-
Top 5 Rich-Text React Components
Portable text is a JSON-based open specification with a renewed approach to handling and presenting rich text in modern applications. Portable text is created to solve challenges in creating rich content and its presentation in various differing interfaces.
mdx
-
How to Enhance Content with Semantify
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
- MDX – use JSX in your Markdown content
-
No CMS? Writing Our Blog in React
https://mdxjs.com/
> We thought this would be a no-brainer and that there would be some CMS/SSG libraries out there that made this Markdown conversion process easy and facilitated integration with any number of frontend frameworks.
You thought correct:
- NextJS MDX integration: https://nextjs.org/docs/pages/building-your-application/conf...
-
Introducing Content Collections
The example above uses react-markdown, but you can use any library you want to render the markdown content. You can also use a transform function to modify the markdown content during the build process. Here is an example that uses MDX to compile the markdown content.
-
Creating a static Next.js 14 Markdown Blog - An Adventure
MDX is a js library that allows us to import a markdown file as a react component and use it anywhere.
-
Building Stunning Docs: Diving Deep into Docusaurus Customization
/blog/ - This directory contains all the markdown files, of your site blogs, you can simply add a new blog by using markdown, or simply remove a blog file by deleting its file, you can combine the markdown with MDX, resulting a well-written blog post.
-
Show HN: Create email templates with Markdown and JSX
Hey HN!
This is a little personal project I've been hacking on for the past ~week, somewhat inspired by this blog post [0] ("My Wonderful HTML Email Workflow").
Basically I just wanted an easy way to create email templates in MDX [1] (Markdown + JSX), using React Email [2] components.
It's still a bit of a work in progress (and a bit slow at the moment) but wanted to share in case anyone else finds it interesting!
[0] https://www.joshwcomeau.com/react/wonderful-emails-with-mjml...
[1] https://mdxjs.com/
[2] https://react.email/
- Nota is a language for writing documents, like academic papers and blog posts
-
WYSIWYG for MDX?! Introducing Vrite's Hybrid Editor
That’s why formats like Markdown (MD) and MDX (MD with support for JSX) are so popular for use cases like documentation, knowledge bases, or technical blogs. They allow you to use any kind of custom formatting or elements and then process the content for publishing. On top of that, they’re great for implementing a docs-as-code approach, where your documentation lives right beside your code (i.e. in a Git repo).
-
Build a blog app with new Next.js 13 app folder and Contentlayer
MDX
What are some alternatives?
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
jodit-react - React wrapper for Jodit
remark-gfm - remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
react-quill - A Quill component for React.
markdoc - A powerful, flexible, Markdown-based authoring framework.
Draft.js - A React framework for building text editors.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
mdx-deck - ♠️ React MDX-based presentation decks
emoji-shortcodes-for-markdown - 1000+ Emoji Finder app for Markdown, GitHub, Campfire, Slack, Discord and more...
gatsby-source-sanity - Gatsby source plugin for building websites using Sanity.io as a backend.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.