update api-server

Author: nasdan

04-frameworks/08-nextjs/00-boilerplate/api-server/config/routes.json

@@ -4,11 +4,15 @@
   "description": "Car API",
   "main": "index.js",
   "scripts": {
-    "mock-server": "json-server --routes ./config/routes.json --watch mock-data/data.json --port 3001"
+    "mock-server": "tsx watch src/index.ts"
   },
   "author": "Lemoncode",
   "license": "MIT",
+  "dependencies": {
+    "@hono/node-server": "^1.12.2",
+    "hono": "^4.5.11"
+  },
   "devDependencies": {
-    "json-server": "^1.0.0-beta.2"
+    "tsx": "^4.19.0"
   }
 }

04-frameworks/08-nextjs/00-boilerplate/api-server/mock-data/data.json

@@ -0,0 +1,32 @@
+import { Hono } from 'hono';
+import { logger } from 'hono/logger';
+import { serve } from '@hono/node-server';
+import { serveStatic } from '@hono/node-server/serve-static';
+import { cars } from './mock-data';
+
+let db = {
+  cars,
+};
+
+const app = new Hono();
+app.use(logger());
+app.use('/*', serveStatic({ root: './public' }));
+
+app.get('/api/cars', (context) => {
+  return context.json(db.cars);
+});
+
+app.get('/api/cars/:id', (context) => {
+  return context.json(db.cars.find((c) => c.id === context.req.param('id')));
+});
+
+app.put('/api/cars/:id', async (context) => {
+  const id = context.req.param('id');
+  const car = await context.req.json();
+  db.cars = db.cars.map((c) => (c.id === id ? car : c));
+  return context.body(null, 204);
+});
+
+serve({ fetch: app.fetch, port: 3001 }, (info) => {
+  console.log(`API running on ${info.port}`);
+});

04-frameworks/08-nextjs/00-boilerplate/api-server/package.json

@@ -0,0 +1,114 @@
+export const cars = [
+  {
+    id: '1',
+    name: 'Audi Q8 Automático',
+    imageUrl: '/audi-q8.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Automático',
+      '4 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '2',
+    name: 'BMW X7',
+    imageUrl: '/bmw-x7.png',
+    features: [
+      '7 asientos',
+      '5 puertas',
+      'Automático',
+      '2 maletas',
+      'Aire acondicionado',
+      'GPS',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '3',
+    name: 'Citroen C4 Cactus',
+    imageUrl: '/citroen-c4-cactus.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Manual',
+      '1 maleta',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '4',
+    name: 'Jaguar F-Pace Automático',
+    imageUrl: '/jaguar-f-pace.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Automático',
+      '2 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '5',
+    name: 'Mercedes-Benz Clase G',
+    imageUrl: '/mb-g.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Automático',
+      '2 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '6',
+    name: 'Mercedes-Benz Clase V',
+    imageUrl: '/mb-v-klasse.png',
+    features: [
+      '7 asientos',
+      '5 puertas',
+      'Automático',
+      '3 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '7',
+    name: 'Peugeot Rifter',
+    imageUrl: '/peugeot-rifter.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Manual',
+      '2 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+  {
+    id: '8',
+    name: 'Porsche Macan',
+    imageUrl: '/porsche-macan.png',
+    features: ['5 asientos', '5 puertas', 'Manual', '2 maletas'],
+    isBooked: false,
+  },
+  {
+    id: '9',
+    name: 'VW Touran',
+    imageUrl: '/vw-touran.png',
+    features: [
+      '5 asientos',
+      '5 puertas',
+      'Manual',
+      '2 maletas',
+      'Aire acondicionado',
+    ],
+    isBooked: false,
+  },
+];