This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature-rich Next.js markdown blogging template out there. 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.
This is a starter blog template using Next.js, Typescript and Tailwind CSS, a feature-rich Next.js component based blogging template. This template is configured with the latest technologies and has many versatile component which allows you to write your article with ease and also provide some design customization. Easily to configure and setup and it is completely static so there is no need to setup a server just export the project to create static file and deploy it on any static site hosting service. A good replacement to existing heavy wordpress or blogger websites.
Check out the demo website for all the required documentation to get started. Feel free to open a new issue if none has been posted previously. Feature request? feel free to start a new discussion thread. We are open for all ideas and suggestions!
By using this blog boilerplate, you can easily build your own blog website. So you can build that project from scratch to deployment easily.
- demo website - this template
- webexpe.com
If you are using the template it will be great if you create a PR and add your blog to this list in readme file. It will motivate us to create more such projects.
- Easy styling customization with Tailwind CSS.
- Near perfect lighthouse and page speed insights score.
- Fully responsive and mobile friendly.
- Light and dark theme.
- Support for multiple authors.
- Minimilistic Blog templates, Default and Centered Layout and Components. You can check all the list of components here.
- Static site generation.
- Google analytics support.
- SEO friendly including metadata, Open Graph tags with Next SEO.
- Node.js
- NPM
- VS Code for editing and writing your articles.
- Imp VS Code plugins:Path Intellisense , Tailwind CSS IntelliSense
- Download /Install the template:
- Run npm install
npm install- After installation is done run npm start
npm start- Open http://localhost:3000 with your browser to see the result.
- Rest you can follow this article on setting up your blog.
This is an open source project and everyone is welcome to contribute. Feel free to open an issue, if you have any questions or incase you find a bug. Create your versions of this template and help the community, also if you are using our template a little credit will be much appreciated.