CRM SaaS Template Documentation

How to Use

1. Open modules inside `app/` and map each one to your CRM workflow.
2. Connect your APIs and replace all demo records with real data.
3. Keep UI consistency by reusing `Layout`, `Navbar`, and `Sidebar`.
4. Launch and iterate page by page after validating your data bindings.

Buy and Download ZIP Files

Complete checkout, then download the source ZIP from your order page.

• Download links are available immediately after successful payment.
• Keep your order receipt for future updates and support verification.
• Use the provided contact if you need help accessing your files.

Tech Stack and Versions

• Next.js12.0.0
• React^17.0.0
• Tailwind CSS^3.4.17
• Lucide React^0.474.0
• Recharts^2.15.1

Pricing

• INR checkout is optimized for domestic India purchases.
• USD checkout is ideal for international buyers.
• Both options include the same template package and source access.

Customization

• Update theme and color schemes from utils/theme.js and ThemeContext.
• Replace demo entities in app modules with your CRM data model.
• Edit navigation and sections in modules/Sidebar and modules/Navbar.
• Adjust card/table/chart components per your business workflow.

Using `data.json`

• Keep reusable sample content in a single data.json per feature/module.
• Use stable keys (id, slug, status, dates) so lists and charts stay consistent.
• Map JSON into UI with lightweight adapters instead of hardcoding in JSX.
• For production, replace JSON adapters with API responses using same shape.

Figma Files

After purchase, use the support contact in your purchase receipt to request the latest Figma source and component kit access.

Contact

Our Products