Awakening Blog
GitHub

Complete blog kit for Next.js and shadcn

A ready to use blog template, easily customizable with support for custom react components and optimized for modern SEO.

Installation

Set up a complete blog in one minute with one command.

1

Add the complete blog structure into your Next.js project with one command.

pnpm dlx shadcn@latest add https://awakening-blog.com/r/blog.json
2

Paste this prompt into your IDE.

Prompt
I just installed an MDX blog using shadcn registry. Please help me complete the setup: 1. Add `@plugin "@tailwindcss/typography";` to your `globals.css` file (after the `@import "tailwindcss";` line) 2. Create a `posts/` folder in my project root 3. Create my first blog post at `posts/hello-world.mdx` with this frontmatter: - title: "Hello World" - date: today's date formatted like "January 1st, 2025" - category: "General" - description: "My first blog post" - author: "Your Name" - readingTime: "2 min read" Add some example content with a few h2 headings to demonstrate the table of contents. 4. Add a "Blog" link to my navbar that links to /blog
Learn more

Features

Everything you need for a modern blog, built with the best tools.

Inject components

Write your posts in MDX and embed any React or shadcn/ui component directly in your content.

SEO Optimized

Built-in Schema.org markup, meta tags, and OpenGraph support for better search visibility.

Dark & Light Mode

Full support for dark and light mode.

Install your blog structure and focus on the content.

GitHub