update 05

Author: nasdan

04-frameworks/08-nextjs/05-server-side-rendering/README.md

@@ -53,7 +53,7 @@ npm run start:prod
 >
 > Press F5 and check that it renders again.
 
-We can migrate use it on `car details` too:
+We can migrate and use it on `car details` too:
 
 _./app/cars/\[carId\]/page.tsx_
 
@@ -116,7 +116,7 @@ interface Props {
 }
 
 export const generateMetadata = async (props: Props): Promise<Metadata> => {
-  const { params } = props;
+  const params = await props.params;
 - const car = await api.getCar(params.carId);
 + const car = await api.getCar(params.carId, { cache: 'no-store' }); // Check 'force-cache' too
   return {
@@ -125,7 +125,7 @@ export const generateMetadata = async (props: Props): Promise<Metadata> => {
 };
 
 const CarPage = async (props: Props) => {
-  const { params } = props;
+  const params = await props.params;
 - const car = await api.getCar(params.carId);
 + const car = await api.getCar(params.carId, { cache: 'no-store' }); // Check 'force-cache' too
   console.log('Car page', car);

04-frameworks/08-nextjs/05-server-side-rendering/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

04-frameworks/08-nextjs/05-server-side-rendering/package.json

@@ -3,37 +3,31 @@
   "version": "1.0.0",
   "description": "Nextjs examples",
   "scripts": {
-    "start": "run-p start:dev start:api-server",
+    "start": "run-p -l start:dev start:api-server",
     "start:dev": "next dev",
     "build": "rimraf .next && next build",
     "start:prod": "next start -p 8080",
     "start:api-server": "cd api-server && npm run mock-server",
     "postinstall": "cd ./api-server && npm install"
   },
   "imports": {
-    "#*": [
-      "./src/*",
-      "./src/*.ts",
-      "./src/*.tsx",
-      "./src/*/index.ts",
-      "./src/*/index.tsx"
-    ]
+    "#*": "./src/*"
   },
   "author": "Lemoncode",
   "license": "MIT",
   "dependencies": {
-    "next": "^14.2.9",
+    "next": "^15.1.6",
     "normalize.css": "^8.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sharp": "^0.33.5"
   },
   "devDependencies": {
-    "@types/node": "22.5.4",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/node": "22.13.1",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
     "npm-run-all": "^4.1.5",
     "rimraf": "^6.0.1",
-    "typescript": "^5.6.2"
+    "typescript": "^5.7.3"
   }
 }

04-frameworks/08-nextjs/05-server-side-rendering/src/app/cars/[carId]/page.tsx

@@ -3,20 +3,19 @@ import { Metadata } from 'next';
 import { Car, api, mapCarFromApiToVm } from '#pods/car';
 
 interface Props {
-  params: { carId: string };
+  params: Promise<{ carId: string }>;
 }
 
 export const generateMetadata = async (props: Props): Promise<Metadata> => {
-  const { params } = props;
+  const params = await props.params;
   const car = await api.getCar(params.carId, { cache: 'no-store' }); // Check 'force-cache' too
-
   return {
     title: `Rent a car - Car ${car.name} details`,
   };
 };
 
 const CarPage = async (props: Props) => {
-  const { params } = props;
+  const params = await props.params;
   const car = await api.getCar(params.carId, { cache: 'no-store' }); // Check 'force-cache' too
   console.log('Car page', car);
 

04-frameworks/08-nextjs/05-server-side-rendering/src/pods/car/api/car.api.ts

@@ -14,7 +14,7 @@ export const getCar = async (
 
 export const bookCar = async (car: Car): Promise<boolean> => {
   await fetch(`${url}/${car.id}`, {
-    method: 'PUT',
+    method: 'PATCH',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(car),
   });

04-frameworks/08-nextjs/05-server-side-rendering/tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -19,9 +23,19 @@
     ],
     "baseUrl": ".",
     "paths": {
-      "#*": ["./src/*"]
-    }
+      "#*": [
+        "./src/*"
+      ]
+    },
+    "target": "ES2017"
   },
-  "include": ["next-env.d.ts", ".next/types/**/*.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    ".next/types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }