Skip to content

agustinusnathaniel/nextarter-chakra

Folders and files

NameName
Last commit message
Last commit date

Latest commit

4d30fef · Feb 17, 2025
Nov 25, 2024
Jul 24, 2024
Apr 2, 2023
Nov 25, 2024
Dec 9, 2023
Jan 20, 2025
Apr 22, 2022
Oct 28, 2024
Apr 12, 2023
Oct 2, 2021
Apr 2, 2023
Nov 26, 2024
Feb 9, 2023
Sep 4, 2021
Jan 2, 2025
Nov 25, 2024
Apr 22, 2022
Jun 12, 2024
Jan 20, 2025
Oct 1, 2021
Oct 28, 2024
Feb 17, 2025
Feb 17, 2025
Mar 7, 2024
Apr 8, 2024
Oct 28, 2024
Jun 6, 2024
Jun 6, 2024

Repository files navigation

Deploy with Vercel Deploy to Netlify Deploy on Railway

Open in StackBlitz

This is a Next.js project bootstrapped with create-next-app, added with Chakra UI and TypeScript setup.
Start developing right away!

🔋 ⚡ 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.