Introduction
What the Accordee app template is, what's inside, and how these docs are organised. Start here, then follow the pages in order to go from download to a deployed app.
What is Accordee?
Accordee is a premium, AI-native CRM application template built with Next.js, TypeScript and Tailwind CSS. It gives you a finished product surface: agents you chat with, customers in a spreadsheet-grade table, contracts, invoices, messages, tasks, workflows and settings, all wired together and running on typed mock data.
You own the code. Rename it, rebrand it, connect it to your own backend and ship it as your product. There's no runtime dependency on Accordee or on any service.
The live demo at demo.accordee.app is the same code you download, so anything you see there is in the template.
What's in the box
The template is one Next.js app. Everything a screen needs is in the repository: components, providers, mock data and the design tokens.
| Layer | Choice |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript, strict |
| Styling | Tailwind CSS v4, CSS-first tokens |
| Components | shadcn/ui on Radix primitives |
| Icons | Lucide |
| Fonts | Inter and Hedvig Letters Serif, self-hosted |
No backend required
Every screen runs on typed mock data in src/lib/data, so the app works the moment you install it. Replace the data a module at a time when you're ready; API Connect shows where.
How to use these docs
Read the pages in the sidebar in order:
- Installation: get the app running locally.
- Structure: where routes, components and data live.
- Theming: colours, fonts and logos.
- API Connect: swap the mock data for your API.
- Deployment: put it online.