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-05-27 18:01:06
最后一次提交
发布数0
用户参与
星数819
关注者数4
派生数99
提交数329
已启用问题?
问题数9
打开的问题数1
拉请求数135
打开的拉请求数0
关闭的拉请求数9
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?