next-chakra-ts-starter

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

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