fix compatible to next export

.gitignore

@@ -1,5 +1,6 @@
 # next.js build output
 .next
+out
 
 # dotenv environment variables file (build for Zeit Now)
 .env

next.config.js

@@ -2,6 +2,9 @@
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
-}
+  images: {
+    unoptimized: true,
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

package.json

@@ -9,6 +9,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "export": "next export",
     "start": "next start",
     "lint": "next lint",
     "fastly-serve": "next build && cd compute-js && fastly compute serve",

pages/posts/[id].tsx

@@ -1,12 +1,11 @@
-import { TPost } from '@/data';
+import { posts, TPost } from '@/data';
 import type { NextPage } from 'next';
 import { NextRouter, useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
-const fetchPost = async (id: TPost['id']): Promise<TPost> => {
-  const res = await fetch(`/api/posts/${id}`);
-  const data = await res.json();
-  return data;
+const fetchPost = async (id: TPost['id']): Promise<TPost | null> => {
+  const data = posts.find((item) => item.id === id);
+  return data || null;
 };
 
 const isId = (id: NextRouter['query']['id']): id is string =>

pages/posts/index.tsx

@@ -1,12 +1,10 @@
-import { TPost } from '@/data';
+import { posts, TPost } from '@/data';
 import type { NextPage } from 'next';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
 
 const fetchPosts = async (): Promise<TPost[]> => {
-  const res = await fetch('/api/posts');
-  const data = await res.json();
-  return data;
+  return posts;
 };
 
 const Posts: NextPage = () => {