DEV Community

Cover image for The Ultimate Nextjs Starter for your blog with a FREE minimalist theme
Remi W.
Remi W.

Posted on

8 2

The Ultimate Nextjs Starter for your blog with a FREE minimalist theme

Lately, I was building a Next js starter for blogging. I wanted to have a modern starter code for my blog. A new boilerplate for Nextjs with type checking (TypeScript), linter (ESlint), code formatter (Prettier), CSS framework (Tailwind CSS)

You can check a live demo at this url : Nextjs Starter

You can also check the source code on GitHub: Nextjs Starter GitHub

Here is the list of major feature:

  • ๐ŸŽˆ Syntax Highlighting your code with Prism.js

  • ๐Ÿ“– Blog Pagination

  • ๐ŸŽจ Include a minimalist blog theme

  • ๐Ÿ’… Design with Tailwind CSS

  • โœ๏ธ Linter with Eslint and Prettier

  • ๐ŸŽ‰ Type checking with Typescript

  • โœ… Easy deploy on Netlify

  • ๐Ÿค– SEO friendly

  • ๐Ÿš€ Production-ready, you just need to focus on your writing

GitHub logo ixartz / Next-js-Blog-Boilerplate

๐Ÿš€ Nextjs Blog Boilerplate is starter code for your blog based on Next framework. โšก๏ธ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

Next js Blog Boilerplate with Tailwind CSS

Nextjs starter banner

๐Ÿš€ Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. โšก๏ธ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

Clone this project and use it to create your own Next.js blog. You can check a Next js blog templates demo.

Features

Blog feature:

  • ๐ŸŽˆ Syntax Highlighting with Prism.js
  • ๐Ÿค– SEO metadata and Open Graph tags
  • โš™๏ธ JSON-LD for richer indexing
  • ๐Ÿ“– Pagination
  • ๐ŸŒˆ Include a FREE minimalist blog theme
  • โฌ‡๏ธ Markdown
  • ๐Ÿ’ฏ Maximize lighthouse score

Developer experience first:

Built-in feature from Next.js:

  • โ€ฆ




Top comments (1)

Collapse
 
peppermint_juli profile image
Juliana Jaime ๐ŸŽƒ โ€ข

This is amazing, thanks for sharing! i'll give it a try!

Sentry image

See why 4M developers consider Sentry, โ€œnot bad.โ€

Fixing code doesnโ€™t have to be the worst part of your day. Learn how Sentry can help.

Learn more

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay