Free template for starts a website using Next.js and Tailwind CSS

Oleh Admin2

Pada January 29, 2023 January 29, 2023

Tailnext

Tailnext is a free and open-source template to make your website using NextJS + Tailwind CSS. Ready to start a new project and designed taking into account best practices.

❗ This is a work in progress. We are using Next.js 13 (React 18) with the new app directory still in experimental mode.

Features

✅ Integration with Tailwind CSS supporting Dark mode.
✅ Production-ready scores in Lighthouse and PageSpeed Insights reports.
✅ Image optimization and Font optimization.
✅ Fast and SEO friendly blog.
✅ Image optimization and Font optimization.
✅ Generation of project sitemap and robots.txt based on your routes.

Tailnext Theme Screenshot

Table of Contents

- Demo - Getting started - Project structure - Commands - Configuration - Deploy - Roadmap - Contributing - Acknowledgements - License

Demo

📌 https://tailnext.vercel.app/

Getting started

This project is using Next.js.

Project structure

Inside Tailnext template, you'll see the following folders and files:

/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

Seasoned next.js expert? Delete this file. Update config.mjs and contents. Have fun!

Commands

All commands are run from the root of the project, from a terminal:

Coming soon ..

Configuration

Coming soon ..

Deploy

Coming soon ..

Roadmap

Coming soon ..

Contributing

If you have any idea, suggestions or find any bugs, feel free to open a discussion, an issue or create a pull request. That would be very useful for all of us and we would be happy to listen and take action.