Skip to content

axismaps/nextjs-with-chakra-ui-boilerplate

 
 

Repository files navigation

NextJs with Chakra-ui Boilerplate

This is a Next.js boilerplate

What is inside?

This project uses lot of stuff as:

Getting Started

To create a project from this boilerplate run:

npx create-next-app@latest MY_PROJECT_NAME --example https://github.com/axismaps/nextjs-with-chakra-ui-boilerplate

Then, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Commands

  • dev: runs your application on localhost:3000
  • build: creates the production build version
  • start: starts a simple server with the build production code
  • lint: runs the linter in all components and pages
  • test: runs jest to test all components and pages
  • test:watch: runs jest in watch mode
  • typecheck: check typescript types
  • generate: creates a component scaffold
  • storybook: runs storybook on localhost:6006
  • build-storybook: create the build version of storybook

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

🤔 How to Contribute

  • Fork this repository;
  • Create your branch with your feature: git checkout -b my-feature;
  • Commit your feature: git commit -m 'feat: My new feature';
  • Push to your branch: git push origin my-feature.

Then merge your pull request, you can now delete your branch

About

Next.js with Chakra UI boilerplate. PWA ready with storybook and tests configured.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 55.0%
  • JavaScript 38.8%
  • Handlebars 5.7%
  • Shell 0.5%