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.
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
- Modern Developer Blog Template (Digital Garden Starter)(Source)
- floriankiem.com (Source)
Are you using Contentlayer? Please add your page (and repo) to the end of the list via a PR. 🙏