---
title: "Next.js Contentlayer Blog Starter"
description: "A blog template with Next.js 13 App Router, Contentlayer, Tailwind CSS and dark mode."
url: "https://vercel.com/templates/next.js/nextjs-contentlayer"
links:
  repository: "https://github.com/shadcn/next-contentlayer"
  demo: "https://next-contentlayer.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Next.js+Contentlayer+Blog+Starter&demo-description=A+blog+template+with+Next.js+13+App+Router%2C+Contentlayer%2C+Tailwind+CSS+and+dark+mode.&demo-url=https%3A%2F%2Fnext-contentlayer.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F49hwD2hCn4Hs1FtkgH87o2%2F4af5e9d7fd40015bd39cf6bc6d58dbec%2FCleanShot_2023-05-15_at_13.54.49.png&project-name=Next.js+Contentlayer+Blog+Starter&repository-name=nextjs-contentlayer&repository-url=https%3A%2F%2Fgithub.com%2Fshadcn%2Fnext-contentlayer&from=templates&skippable-integrations=1"
---

# Next.js Contentlayer Blog Starter

A blog template with Next.js 13 App Router, Contentlayer, Tailwind CSS and dark mode.

# Next.js + Contentlayer

A template with Next.js 13 app dir, Contentlayer, Tailwind CSS and dark mode.

https://next-contentlayer.vercel.app

## Related Templates

### [Next.js Portfolio with Blog](https://vercel.com/templates/next.js/nextjs-portfolio)

Easily create a portfolio with Next.js and Markdown.

### [Astro Blog](https://vercel.com/templates/astro/astro-blog)

An ultra-minimal personal site & blog built with Astro.

### [Next.js Portfolio with Pageview Counter](https://vercel.com/templates/next.js/nextjs-portfolio-pageview-counter)

Portfolio site with pageview counter, built with Next.js 13 App Router, Contentlayer, and Upstash Redis.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.