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: