Wisp CMS Corporate Blog Template - Next.js 15

View Demo Blog

Corporate Blog Starter Template for Modern Companies & Publications

Welcome to the Wisp CMS Corporate Blog Template – the most powerful and flexible solution for creating stunning corporate websites and news portals. Built on Next.js 15, Tailwind CSS, Shadcn & Wisp CMS, this template offers an unparalleled combination of performance, SEO optimization, and user-friendly content management.

Why Choose Wisp's Corporate Blog Template?

• Corporate-Focused Design: Sleek, professional layout perfect for businesses and publications.
• Multi-Theme Support: Choose between different styles to perfectly match your corporate branding.
• Advanced SEO Features: Built-in SEO optimizations to ensure your content ranks high in search results.
• Dynamic Table of Contents: Improve user navigation with an automatically generated table of contents for each article.
• Tabbed Category Navigation: Intuitive top-level tabs for easy browsing through different categories of blog posts or articles.
• Responsive Design: Perfectly optimized for all devices, from desktop to mobile.
• Customizable Themes: Easily style the blog to suit your corporate branding and needs.
• Fast Performance: Utilizing Next.js 14's server components for lightning-fast page loads.
• Seamless Integration with Wisp CMS: Leverage the power of Wisp CMS for effortless content creation and management.

About Wisp

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.

Features

• Beautiful blog starter kit with server rendering using Next.js 14 Server Components
• Responsive layout for mobile devices
• Customizable sections of the blog
• Filter blog posts by tags
• Full text search over all articles
• Automatic table of content generation
• Automatic sitemap generation
• Automatic Open Graph image generation
• Automatic Related Posts suggestions
• Render Custom React Component from CMS
• RSS Feed

Technologies

• Next.js 15 using App Router, TypeScript & Turbopack
• Wisp to manage blog posts
• Tailwind CSS for CSS framework
• Shadcn UI for UI components
• ESLint for static analysis
• TypeScript for type safety
• Font optimization with next/font

Choose from Different Themes

The design is flexible, allowing you to choose from multiple themes to suit your brand. Head over to https://corporate-blog-demo.wisp.blog/theme to select preview a wide range of themes or generate your own.

Simply copy the Tailwind Class onto the FullWidthHeader Component to apply the theme to the entire blog.

Quick Start Guide

First, install the dependencies:

1
npm i --legacy-peer-deps

IMPORTANT: There's a dependency (next-themes) that's not upgraded to React 19 so you will need to add the --legacy-peer-deps into the install command. Make sure that Vercel's install command is set to use npm i --legacy-peer-deps too!

Then, copy the .env.example file to .env:

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

1
npm run dev

Open http://localhost:3000 with your browser to see the result.