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-versionpre-commit,pre-push,commit-msg,prepare-commit-msghook configured
- 📱 PWA-ready -
next-pwaconfigured, 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.
pnpminstalled.
- You can either click
Use this templatebutton 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:
pnpmorpnpm install -
Then, run the development server:
pnpm devOpen 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.
- Build production with
pnpm build, then run the production build usingpnpm start. - Open another terminal (or new terminal tab, don't cancel / close the production server), then run the test with
pnpm test:e2e.
References: