morrisonak / nextarter-chakra

battery packed template / boilerplate to initialize PWA ready Next.js app with Chakra UI & Typescript setup :sparkles:

nextarter-chakra

This is a Next.js project bootstrapped with create-next-app, added with Chakra UI and TypeScript setup. Start developing right away!

🔋⚡ Battery Packed template

• ✔️ toolings for linting, formatting, and conventions configured

  eslint, prettier, husky, lint-staged, and standard-version

• 📱 PWA-ready

  next-pwa configured, disabled by default, just enable it through next.config.js

• 🔎 SEO optimization configured

  with next-seo and 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 😃

Getting Started

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>

Then, run the development server:

npm run dev
# or
yarn dev

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

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

References

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Chakra UI
• TypeScript