NextJS Typescript With Tailwindcss and Theme-UI Boilerplate

Bootstrap a developer-friendly NextJS app configured with:

• Typescript
• Tailwindcss
• Theme-ui
• Translations with Next-Translate
• Linting with ESLint
• Formatting with Prettier
• Linting, typechecking and formatting on by default using husky for commit hooks
• Testing with Jest and react-testing-library

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/mhmdAljefri/next-with-tailwind-theme-ui next-with-tailwind-theme-ui 
# or
yarn create next-app --example https://github.com/mhmdAljefri/next-with-tailwind-theme-ui next-with-tailwind-theme-ui 

Deploy it to the cloud with Vercel (Documentation).

Credit

Nextjs Team example with-typescript-eslint-jest