Docs/App Architecture

Understanding Nirmaanly Architecture

Nirmaanly AI doesn't generate spaghetti code block-components. We use a strict modular Next.js architecture designed to scale up to millions of users seamlessly.

Frontend UI

Tailwind CSS utility styling with Lucide icons. Fully responsive React Sever Components (RSC) native to Next.js App Router.

State & Logic

Client-side interactions are powered by React Hooks (`useState`, `useContext`) and `framer-motion` for buttery smooth complex animations.

Backend Data

Supabase PostgreSQL serves as the relational engine. Nirmaanly uses Next.js Route Handlers (`/api/*`) for SSR secure RPCs.

Generated Project File Structure

/my-nirmaanly-app

├── /src

├── /app ← Next.js App Router (Pages, Layouts)

│ ├── layout.tsx

│ ├── page.tsx ← Main entry point

├── /components ← Reusable React Components

│ ├── /ui ← Buttons, Cards, Inputs

│ ├── /layout ← Navbar, Footer, Sidebar

└── /lib ← Utils & Database Clients

├── utils.ts

└── supabase.ts

├── tailwind.config.ts

└── package.json

Component Separation

Nirmaanly meticulously splits complex dashboards into atomic reusable components. A standard dashboard has separate files for its sidebar, top-nav, and main grid.

Tailwind Configuration

Nirmaanly generates completely valid CSS classes, mapping colors to your specified palette inside `tailwind.config.ts`. No messy inline styles.

Quick Start Guide

Custom Agents