NextJS starter

Fully static NextJS app template with set of awersome libraries

Includes

Features

🌏 i18n

Supports route based i18n with lingui.js ❤️
✨ Effective api data managenemnt tool

Used react-query to fetch and manage api data provides simple but powerfull set of features 💪
🌊 Next generation css

Includes tailwindcss which makes your app styling fun and easy 🌟
📁 Optimized folders structure

The folders structure changed to classic React progect manner, where src/ includes all stuff
🪝 Pre-commit hooks

Uses husky with lint-staged to prevent low-quality code leaking into the commits ☔

Guides

Get started

Just click here to use this repo as template

Or clone it locally

git clone https://github.com/dqunbp/nextjs-quick-starter-tailwindcss

Install dependencies

npm i

Run project

npm run dev

To run with auto recompile i18n messages use

npm run dev:watchi18n

i18n

Add new locale

To add new locale first update .linguirc config

{
  "locales": ["en", "cs", "<add-your-locale-here>"],
  "sourceLocale": "en",
  "catalogs": [
    {
      "path": "src/locales/{locale}/messages",
      "include": ["src"]
    }
  ],
  "format": "po"
}

And then run npm run extract this will generate translation files in locales/<new-locale>

Auto recompile locale messages

This project supports authomatically recompile messages on *.po files changes to produce messages.js for each locale Use npm run dev:watchi18n to achieve this

TODO

add tests template

dqunbp/next-quick-starter-tailwindcss