This is a Next.js project bootstrapped with create-next-app
, added with Chakra UI and TypeScript setup.
Start developing right away!
- ๐ Next.js 13 - **React 18 **
- โ๏ธ TypeScript
- Chakra-UI v2
- โ๏ธ toolings for linting, formatting, and conventions configured
eslint
,prettier
,husky
,lint-staged
,commitlint
,commitizen
, andstandard-version
pre-commit
,pre-push
,commit-msg
,prepare-commit-msg
hook configured
- ๐ฑ PWA-ready -
next-pwa
configured, enabled by default, just disable it throughnext.config.js
- ๐ SEO optimization configured - with
next-sitemap
.- you'll need to reconfigure or tinker with it to get it right according to your needs, but it's there if you need it.
- ๐จ basic responsive layout configured - don't need it? just remove it ๐
- ๐ค Automatic Dependency Update with Renovate
- ๐๏ธ Turbo setup
- ๐งช Playwright E2E Test
- Node.js or nvm installed.
pnpm
installed.
- You can either click
Use this template
button on this repository and clone the repo or directly from your terminal:
npx degit sozonome/nextarter-chakra <YOUR_APP_NAME>
-
After cloning the project, run this command:
pnpm
orpnpm install
-
Then, run the development server:
pnpm dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying src/lib/pages/index.tsx
. The page auto-updates as you edit the file.