That’s exactly what Contentlayer does. Feel free to check out this example: github.com/contentlayerdev/n…
The latest VSC release includes some really neat features in regards to Markdown editing:
◆ Image drag & drop
◆ Cross-project link & headline refactoring
◆ Find all references to files
Check out the release notes 📑
code.visualstudio.com/update…
🙏 A special thanks to all existing users & contributors for your help/feedback and @stackbit for sponsoring the project.
💜 You're invited to join our welcoming Discord community discord.gg/rytFErsARm
⭐️ And please consider starring our GitHub repo: github.com/contentlayerdev/c…
Give it a try - it's super easy to get started with Contentlayer!
📖 You can follow the Getting Started tutorial: contentlayer.dev/docs/gettin….
▶️ Or try a real example in the Contentlayer playground: contentlayer.dev/.
⚡️ Did we mention that Contentlayer is fast?
We tested the same site (1,000+ unique pages) with @nextjs and @gatsbyjs:
◆ ~2.5x faster compared to manual processing
◆ ~1.7x faster than Gatsby (cold & cached builds)
(Used machine: GitHub Actions. See: github.com/contentlayerdev/c…)
Contentlayer is simple to use & provides great DX:
⚡️ Live-reloading/HMR for your content
💯 First-class integration with @nextjs
☑️ Content validation
💙 Auto-generated TypeScript types
🔗 Flexible content modeling
Check out this video to see it action: youtube.com/watch?v=58Pj4a4U…
Contentlayer provides a simple and elegant solution to this problem.
It automatically transforms content from any source (Markdown, CMS, Notion, ...) into type-safe data which can be directly imported in your site or application.







