yarn install
yarn dev
Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx
.
This starter is using conventional commits, it is mandatory to use it to commit changes.
- (fred's lit figma)[https://www.figma.com/file/j1aWuROiOzpL19GH3FZDTX/PC69?node-id=46%3A125&t=eHMRaZX5SK4fyDre-1]
- (google doc)[https://docs.google.com/document/d/1ikxMs5YBr1QKO6GiMQPqgTLWSrrhM1ZHdFSmvB2PyVU/edit]
This repository is π battery packed with:
- β‘οΈ Next.js 13
- βοΈ 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
See the π feature details and changelog π for more.
You can also check all of the details and demos on my blog post: