A blog template with Next.js 14 App Router, Wisp, Tailwind CSS, Shadcn and Dark Mode.
Featured Links
This is a Next.js, Tailwind CSS, Shadcn blogging starter template. This version is using Next.js 14 App Router with React Server Components and uses Wisp for publishing blog posts.
Probably the most feature-rich Next.js blog template out there that is easily configurable and customizable. It's perfect as an upgrade from blogs using Jekyll, Hugo, Gatsby, Contentlayer, or ContentCollections.
Wisp is a modern CMS for adding blogs to websites. It features an intuitive, medium-like editorial experience so that you can focus on writing instead of getting distracted by markdown.
We've now included a 3-part video tutorial to help you run this blog on your computer:
First, install the dependencies:
npm i
Then, copy the .env.example
file to .env
:
cp .env.example .env
Note: You will need to populate the NEXT_PUBLIC_BLOG_ID
variable with the Blog ID obtained from wisp after you've created an account.
Finally, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
Full documentation on how to get started on wisp as well as this starter kit is available on wisp's documentation site
Like this template?
Check out our corporate blog template here.
A blog template with Next.js 14 App Router, Wisp, Tailwind CSS, Shadcn and Dark Mode.
Featured Links
This is a Next.js, Tailwind CSS, Shadcn blogging starter template. This version is using Next.js 14 App Router with React Server Components and uses Wisp for publishing blog posts.
Probably the most feature-rich Next.js blog template out there that is easily configurable and customizable. It's perfect as an upgrade from blogs using Jekyll, Hugo, Gatsby, Contentlayer, or ContentCollections.
Wisp is a modern CMS for adding blogs to websites. It features an intuitive, medium-like editorial experience so that you can focus on writing instead of getting distracted by markdown.
We've now included a 3-part video tutorial to help you run this blog on your computer:
First, install the dependencies:
npm i
Then, copy the .env.example
file to .env
:
cp .env.example .env
Note: You will need to populate the NEXT_PUBLIC_BLOG_ID
variable with the Blog ID obtained from wisp after you've created an account.
Finally, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
Full documentation on how to get started on wisp as well as this starter kit is available on wisp's documentation site
Like this template?
Check out our corporate blog template here.