Matt a6484de35e
Some checks failed
Build and Push Docker Images / docker (push) Failing after 1m57s
Integrate NocoDB backend for admin portal with real data
Phase 2 Backend Integration Complete:

Backend Infrastructure:
- Created NocoDB client abstraction layer (src/api/nocodbClient.ts)
- Clean TypeScript API hiding NocoDB query syntax complexity
- Helper methods for orders, stats, search, timeline, and filtering
- Automatic date range handling and pagination support

API Routes:
- POST /api/admin/stats - Dashboard statistics with time range filtering
- GET /api/admin/orders - List orders with search, filter, sort, pagination
- GET /api/admin/orders/[id] - Single order details
- PATCH /api/admin/orders/[id] - Update order fields
- DELETE /api/admin/orders/[id] - Cancel order (soft delete)
- GET /api/admin/orders/export - CSV/Excel export with filters

Dashboard Updates:
- Real-time data fetching from NocoDB
- Time range selector (7d, 30d, 90d, all time)
- Recharts line chart for orders timeline
- Recharts pie chart for status distribution
- Loading states and error handling
- Dynamic stat cards with real numbers

Dependencies Added:
- papaparse - CSV export
- xlsx - Excel export with styling
- @types/papaparse - TypeScript support

Data Types:
- OrderRecord interface for NocoDB data structure
- DashboardStats, TimelineData, OrderFilters interfaces
- Full type safety across API and UI

Environment Configuration:
- NOCODB_BASE_URL, NOCODB_BASE_ID configured
- NOCODB_API_KEY, NOCODB_ORDERS_TABLE_ID configured
- All credentials stored securely in .env.local

Ready for testing with sample data in NocoDB!

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 10:40:25 +01:00

43 lines
1.3 KiB
TypeScript

import { NextRequest, NextResponse } from 'next/server';
import { nocodbClient } from '@/api/nocodbClient';
/**
* GET /api/admin/stats
* Get dashboard statistics with optional time range filtering
* Query params:
* - dateFrom: ISO date string (e.g., "2024-01-01")
* - dateTo: ISO date string
* - period: 'day' | 'week' | 'month' (for timeline data)
*/
export async function GET(request: NextRequest) {
try {
const searchParams = request.nextUrl.searchParams;
const dateFrom = searchParams.get('dateFrom') || undefined;
const dateTo = searchParams.get('dateTo') || undefined;
const period = (searchParams.get('period') || 'day') as 'day' | 'week' | 'month';
// Get overall stats
const stats = await nocodbClient.getStats(dateFrom, dateTo);
// Get timeline data for charts
const timeline = await nocodbClient.getOrdersTimeline(period, dateFrom, dateTo);
return NextResponse.json({
success: true,
data: {
stats,
timeline,
},
});
} catch (error) {
console.error('Error fetching admin stats:', error);
return NextResponse.json(
{
success: false,
error: error instanceof Error ? error.message : 'Failed to fetch statistics',
},
{ status: 500 }
);
}
}