Guides
Use and adapt whatsappservicesui
Use and adapt whatsappservicesui: A frontend-only Next.js dashboard extracted from the extended WhatsApp services interface.
Use the documented interfaces and source layout for whatsappservicesui. The sections below retain the README’s examples and configuration details.
What Was Kept
- Existing dashboard pages, layouts, components, Arabic/English UI structure, and styling.
- Local mock data and mock actions under
src/mock/so screens can render without a backend. - Frontend-only auth/session behavior for previewing the UI.
What Was Removed
- Backend function files and deployment config.
- Backend CLI scripts and backend runtime dependencies.
- Live backend client initialization.
Structure
src/app/- Next.js routes.src/components/- Shared UI components.src/contexts/- Frontend state providers.src/mock/- Local data/actions used by the copied UI.src/hooks/andsrc/lib/- UI helpers preserved from the copied app.
Commands in the root manifest
The captured package.json declares the following scripts. Run them from the directory containing that manifest.
| Command | Script |
|---|---|
npm run dev | next dev |
npm run build | next build |
npm run start | next start |
npm run lint | eslint |
npm run typecheck | tsc --noEmit |
npm run test | vitest |
Troubleshoot a local change
- Reproduce the smallest example from the quick-start guide.
- Compare required configuration and dependency versions with the README.
- Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.
Source and help
Source captured: 2026-10-11
