Changed the variable 'host' to 'apiKey' to correctly reference the TM…

.env

@@ -0,0 +1,6 @@
+# movie api
+NEXT_PUBLIC_THE_MOVIE_DB_V3_API_KEY=9869e77f4109653412ee87a10a6d346c
+NEXT_PUBLIC_THE_MOVIE_DB_V3_BASE_URL=https://api.themoviedb.org/3
+
+# meta
+NEXT_PUBLIC_BASE_URL=

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/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

next.config.js

@@ -1,10 +1,20 @@
-module.exports = {
-    swcMinify: true,
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+    images: {
+        remotePatterns: [
+            {
+                protocol: "https",
+                hostname: "image.tmdb.org",
+                port: "",
+                pathname: "/**",
+            },
+        ],
+    },
+    reactStrictMode: true,
     compiler: {
         styledComponents: true,
     },
-    images: {
-        unoptimized: true,
-        domains: ["image.tmdb.org"],
-    },
 };
+module.exports = nextConfig;