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
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