Next.js with Typescript, Tailwind, Jest and React Testing Library template

This is a really simple project template that can be used to setup a project using Next.js with TypeScript, TailwindCSS, Jest and React Testing Library.

How to use it?

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

npx create-next-app --example https://github.com/fmlharrison/next-typescript-tailwind-jest-template <YOUR_APP_NAME>

yarn create next-app --example https://github.com/fmlharrison/next-typescript-tailwind-jest-template <YOUR_APP_NAME>

pnpm create next-app --example https://github.com/fmlharrison/next-typescript-tailwind-jest-template <YOUR_APP_NAME>

Notes

Run development mode

yarn dev

This will start a local server and you can see the app in action at http://localhost:3000/

Running tests

yarn test

This will run the test suite. To start with it is just a single component test - Greetings.spec.tsx