Computer Programming/Next
2023. 8. 1.
Next.js - fetch를 이용한 SSG, ISR, SSR, CSR 구현 옵션
1. SSG - 비동기 데이터 fetching data / products.json에 데이터가 있다고 가정하고 [ { "id": "1", "name": "청바지", "price": "10000" }, { "id": "2", "name": "티셔츠", "price": "13000" }, ...objects ] api 폴더의 products.ts 모듈을 만들어 데이터를 가져온다. import path from "path"; import { promises as fs } from "fs"; export type Product = { id: string; name: string; price: string; }; export async function getProducts(): Promise { const fil..