Overview

The Grid Frontend is built with the following stack:

• Framework - Next.js 15
• Language - TypeScript
• Styling - Tailwind CSS
• Components - Shadcn-ui
• Schema Validations - Zod
• State Management - Zustand
• Search params state manager - Nuqs
• Auth - Auth.js
• Tables - Tanstack Tables
• Forms - React Hook Form
• Command+k interface - kbar
• Linting - ESLint
• Pre-commit Hooks - Husky
• Formatting - Prettier

Getting Started

Note

We are using Next 15 with React 19, follow these steps:

Clone the repo:

git clone https://github.com/AIPowerGrid/grid-frontend.git

• pnpm install ( we have legacy-peer-deps=true added in the .npmrc)
• Create a .env.local file by copying the example environment file: cp env.example.txt .env.local
• Add the required environment variables to the .env.local file.
• pnpm run dev

You should now be able to access the application at http://localhost:3000.