Use react-query Jest and Cypress Modal with accessibility ( clicking outside should close ) example: use headlessui
This repository is ๐ battery packed with:
- โก๏ธ Next.js 12
- โ๏ธ React 18
- โจ TypeScript
- ๐จ Tailwind CSS 3 โ Configured with CSS Variables to extend the primary color
- ๐ Pre-built Components โ Components that will automatically adapt with your brand color, check here for the demo
- ๐ Jest โ Configured for unit testing
- ๐ Absolute Import and Path Alias โ Import components using
@/
prefix - ๐ ESLint โ Find and fix problems in your code, also will auto sort your imports
- ๐ Prettier โ Format your code consistently
- ๐ถ Husky & Lint Staged โ Run scripts on your staged files before they are committed
- ๐ค Conventional Commit Lint โ Make sure you & your teammates follow conventional commit
- โฐ Release Please โ Generate your changelog by activating the
release-please
workflow - ๐ท Github Actions โ Lint your code on PR
- ๐ Automatic Branch and Issue Autolink โ Branch will be automatically created on issue assign, and auto linked on PR
- ๐ฅ Snippets โ A collection of useful snippets
- ๐ Default Open Graph โ Awesome open graph generated using og, fork it and deploy!
- ๐บ Site Map โ Automatically generate sitemap.xml
- ๐ฆ Expansion Pack โ Easily install common libraries, additional components, and configs