Skip to content

yamataku0518/Next-Chakra-ts-starter

Repository files navigation

next-chakra-ts-starter

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

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

    Deploy with Vercel

  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