next-chakra-ts-starter

A personal opinionated starter for Next.js, Chakra UI, and Typescript

Stars
3
Committers
2

Features

  • Next.js 12
  • Chakra UI
  • Typescript
  • Image optimization with prebuilt ChakraNextImage component
  • Absolute imports
  • ESLint, Prettier, Husky, and Lint Staged
  • Github Actions
  • next-seo and next-sitemap

Getting Started

  1. Clone this repository

    Click Use this template button on top of this page

    or

    npx create-next-app -e https://github.com/rizqitsani/next-chakra-ts-starter project-name
    

    or

  2. Install dependencies

    yarn
    
  3. Run it on your machine

    yarn dev
    
  4. Change the starter defaults on TODO comments and the package name on package.json

Badges
Extracted from project README
Deploy with Vercel
Related Projects