/yehez-nextchakra-starter

šŸŒ€Personalized NextJS + TS + Chakra UI starter templateāš”

Primary LanguageTypeScriptMIT LicenseMIT

Yehez-NextChakra-Starter

Yehezkiel Gunawan's Next JS + Chakra UI Personalized template

Deploy with Vercel Deploy to Netlify

forthebadge

This is a Next JS + Chakra UI personalized template based on Chakra UI examples template. Live demo can be accessed at yehez-nextchakra-starter.yehezgun.com. Actually, I made this for myself so I don't need to waste my time to overthinking about the config and setup and focusing on the development.

But if you also find this template is useful, you also can use it. And of course I'm open to any feedbacks. You can fork or clone this repo and make a PR here if you have a some idea.

āš” What's include here?

  • Toolings for linting, formatting, and conventions configured.
    eslint, prettier, husky, & lint-staged.
  • āœØBasic responsive layout configuration (using Chakra UI media query)
  • SEO Optimization (using next-seo)
  • Now using Next.js 12 with Rust Compiler Minification enabled (you can disabled it at next.config.js)

How to use it?

  • You can open yehez-nextchakra-starter.yehezgun.com and click Use this template button (Don't forget to login to your Github account).
  • Or you can clone this repo using degit in your terminal. Don't forget to install the needed dependencies using npm install or yarn.
npx degit yehezkielgunawan/yehez-nextchakra-starter <YOUR_APP_NAME>
  • Or you also can easily use this template by run:
npx create-next-app --example https://github.com/yehezkielgunawan/yehez-nextchakra-starter <YOUR_APP_NAME>
  • Then run the local server using yarn dev or npm run dev

References