Tailwind Nextjs Starter Blog

Tailwind Nextjs Starter Blog

Template information

Free

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

Github Info
6 open issues
1891 stars
23 watching
460 forks
FEATURES
High resolution
Well documented
Responsive
Extensive analytics support
Dark and light theme
Excellent lighthouse score
MDX support
Math display support
INFO
Released
Last updated
Stack

About the template

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

It is inspired by Lee Robinson's blog but focuses only on static site generation. Design is adapted from Tailwindlabs blog.

The goal was for it to be nearly as feature-rich as popular blogging templates like beautiful-jekyll and Hugo Academic but with the best of React's ecosystem and current web development's best practices.

Examples

Features

  • Easy styling customization with Tailwind 3.0 and primary color attribute
  • Near perfect lighthouse score - Lighthouse report
  • Lightweight, 45kB first load JS, uses Preact in production build
  • Mobile-friendly view
  • Light and dark theme
  • Supports plausible, simple analytics and google analytics
  • MDX - write JSX in markdown documents!
  • Server-side syntax highlighting with line numbers and line highlighting via rehype-prism-plus
  • Math display supported via KaTeX
  • Citation and bibliography support via rehype-citation
  • Automatic image optimization via next/image
  • Flexible data retrieval with mdx-bundler
  • Support for tags - each unique tag will be its own page
  • Support for multiple authors
  • Blog templates
  • TOC component
  • Support for nested routing of blog posts
  • Newsletter component with support for mailchimp, buttondown, convertkit and klaviyo
  • Supports giscus, utterances or disqus
  • Projects page
  • Preconfigured security headers
  • SEO friendly with RSS feed, sitemaps and more!

Sample posts

Support

Using the template? Support this effort by giving a star on GitHub, sharing your own blog, giving a shoutout on Twitter, or becoming a project sponsor.

Licence

Get notified when we add new designs.

Twice a month I share the best Tailwind templates, UI kits and components in my newsletter. 210 Tailwind hackers find it useful. I'd love you to join.