next-tailwind-styled-components icon indicating copy to clipboard operation
next-tailwind-styled-components copied to clipboard

It provides the best of all worlds utilizing tailwind.css, styled components, nextjs and other tools

NextJS boilerplate with Tailwind CSS and Styled-Components

It provides the best of all worlds.

Todo

  • [x] Basic Setup
  • [x] Tailwind config
  • [x] Styled-components config
  • [x] Optional post-css config for plain CSS with Tailwind (Root and Page wise)
  • [x] PWA setup
  • [x] Service-Worker setup
  • [x] Workbox
  • [x] Axios setup [WIP]
  • [x] Redux setup [WIP]
  • [ ] SEO
  • [x] Critical CSS
  • [x] Directory structure setup
  • [ ] Webpack optimization
  • [x] Routing
  • [x] Internationalization
  • [x] RTL <-> LTR
  • [x] Cookies
  • [x] Linting Rules (eslint)
  • [x] Formatting Rules (prettier)
  • [ ] Theming [WIP]
  • [x] Environment Setup [WIP]
  • [x] Storybook [Done] / style guidist [Backlog]
  • [ ] socket.io / kafka [Backlog]
  • [x] Lighthouse Scores [Performance ~ 97, others 100]
  • [x] Docker setup
  • [x] Auto-deployment to now.sh - NOW config [blocked by i18n]
  • [ ] Enable "brotli" compression
  • [x] upgrade tailwindcss to 1.2(grids and all features) and styled-components(automatic rtl support) - better DX
  • [ ] Others