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
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
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:
-
π₯ Next.js for Static Site Generator -
π¨ Integrate with Tailwind CSS -
π PostCSS for processing Tailwind CSS -
π Type checking TypeScript -
βοΈ Linter with ESLint -
π Code Formatter with Prettier -
π¦ SEO metadata, JSON-LD and Open Graph tags with Next SEO -
βοΈ Bundler Analyzer
Built-in feature from Next.js:
- β¦
Top comments (1)
This is amazing, thanks for sharing! i'll give it a try!