Contentlayer

Contentlayer is a content SDK that validates and transforms your content into type-safe JSON data you can easily import into your application's pages.

⚠️ Contentlayer is currently in beta. There might still be breaking changes before the upcoming 1.0 release.

Getting Started

The video above is a brief look at Contentlayer. Explore further with our example projects, which you can clone to try out locally or in via Gitpod or Stackblitz in your browser.

Tutorial & Documentation

Follow the tutorial to get started building your own project. Or explore the full documentation.

Features

• Live reload on content changes
• Fast and incremental builds
• Simple but powerful schema DSL to design your content model (validates your content and generates types)
• Auto-generated TypeScript types based on your content model (e.g. frontmatter or CMS schema)

Supported Content Sources

• Local content (Markdown, MDX, JSON, YAML)
• Contentful (experimental)
• Sanity (considering)
• Notion (considering)

Supported Environments

• Next.js
• Remix (considering)
• SvelteKit (considering)
• Astro (considering)

Roadmap

See our docs for more information on our roadmap.

Community

Join our Discord community to get help, suggest new features, and stay up to date on all things Contentlayer.

Who is using Contentlayer?

• ped.ro
• GraphCMS Docs
• axeldelafosse.com (Source)
• arthurvdiniz.me (Source)
• imadatyatalah.vercel.app (Source)
• jahir.dev (Source)
• samuelkraft.com (Source)
• nirmalyaghosh.com (Source)
• miryang.dev (Source)
• osiux.ws (Source)
• akhilaariyachandra.com (Source)
• dawchihliou.github.io (Source)
• sergiobarria.com (Source)
• adeecc.vercel.app (Source)
• alpesdream.vercel.app (Source)
• bayukurnia.com (Source)
• makersleague.de (Source)
• euisblue.me (Source)
• thismodernweb.com (Source)
• scriptbar-snippets.tryapp.us (Source)
• nikosantis.dev (Source)
• phong.vn (Source)
• dvl.sh
• nicholaswarren.com
• blog.sandromaglione.com
• achintyajha.com (Source)
• datahub.io
• Making Sense of Crypto and Web3
• cretu.dev (Source)
• jarocki.me (Source)
• iyansr.id (Source)
• thisyujeong.dev (Source)
• gipsterya.com
• seankerwin.dev (Source)
• royanger.dev (Source)
• akashrajpurohit.com
• kyoung-jnn.com (Source)
• MrcatDev (Source)
• screfy.com (Source)
• igorkowalczyk.dev (Source)
• christianpenrod.com (Source)
• xahidex.com
• hellonext.co
• heykapil.in (Source)
• adrianmato.art
• livropog.com.br (Source)
• rofireza.com (Source)
• jakubh.com (Source)
• fiqry.dev (Source)
• soapbox.pub (Source)
• hafidzamr.dev (Source)
• anudeepreddy.dev
• nikhilmohite.com
• shenlu.me (Source)
• chillinmice.dev (Source)
• wibb.me (Source)
• jasongerbes.com (Source)
• Irregular-expressions.com (Source)
• goosebumps.fm (Source)
• willin.wang (Source)
• mateusf.com (Source)
• algolia.com/doc-beta
• prologue.dev(Source)
• justgokul.dev(Source)
• shubhdeepchhabra.in(Source)
• zanreal.net
• devtella

Are you using Contentlayer? Please add your page (and repo) to the end of the list via a PR. 🙏