This is a Next.js project bootstrapped with create-next-app
, added with Chakra UI and TypeScript setup.
Start developing right away!
-
✔️ toolings for linting, formatting, and conventions configured
eslint
,prettier
,husky
,lint-staged
,commitlint
,commitizen
, andstandard-version
-
📱 PWA-ready
next-pwa
configured, disabled by default, just enable it throughnext.config.js
-
🔎 SEO optimization configured
with
next-seo
andnext-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 😃
- Node.js or nvm installed.
yarn
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:
yarn
oryarn install
-
Then, run the development server:
yarn 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.
- Build production with
yarn build
, then run the production build usingyarn start
. - Open another terminal (or new terminal tab, don't cancel / close the production server), then run the test with
yarn test:e2e
.
References: