nextarter-chakra

用 Chakra UI 和 Typescript 设置初始化 Next.js 应用的"满电"模板/样板。「battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨」

Github星跟蹤圖

🔋 ⚡ Battery Packed template

  • 🚀 Next.js 15 - React 18
  • ⛓️ TypeScript
  • Chakra-UI v3
  • ✔️ toolings for linting, formatting, and conventions configured
    • eslint, prettier, husky, lint-staged, commitlint, commitizen, and standard-version
    • pre-commit, pre-push, commit-msg, prepare-commit-msg hook configured
  • 🔎 SEO optimization configured - with 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 😃
  • 🤖 Automatic Dependency Update with Renovate
  • 🏎️ Turbo setup
  • 🧪 Playwright E2E Test

CodeFactor
Quality Gate Status Maintainability Rating Bugs Code Smells Duplicated Lines (%)

Commitizen friendly

Pre-requisites

  1. Node.js or nvm installed.
  2. pnpm installed.

Getting Started

  1. You can either click Use this template button on this repository and clone the repo or directly from your terminal:
npx degit agustinusnathaniel/nextarter-chakra <YOUR_APP_NAME>
  1. After cloning the project, run this command: pnpm or pnpm install

  2. Then, run the development server:

pnpm dev

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

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

主要指標

概覽
名稱與所有者agustinusnathaniel/nextarter-chakra
主編程語言TypeScript
編程語言 (語言數: 3)
平台
許可證MIT License
所有者活动
創建於2020-08-13 04:09:44
推送於2025-04-21 04:23:18
最后一次提交
發布數0
用户参与
星數817
關注者數4
派生數98
提交數324
已啟用問題?
問題數9
打開的問題數1
拉請求數133
打開的拉請求數0
關閉的拉請求數9
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?