wertylin

README.md

@@ -24,9 +24,22 @@ Please leave a ⭐ as motivation if you liked the implementation 😄
 ## Running the project
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-In the project directory, you can run:
 
-#### `yarn start`
+### Set up environment variables
+
+Get a TMDB API key from [TMDB API](https://www.themoviedb.org/).
+You need to create a `.env` file in the root of the project and add the following:
+```
+TMDB_KEY='your_api_key_here'
+```
+
+### Run the project
+
+```
+yarn install
+yarn build
+yarn start
+```
 
 It runs the app in the development mode.<br />
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser. 

next-env.d.ts

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

pages/api/discover.ts

@@ -28,7 +28,7 @@ export default async function handler(request: NextApiRequest, response: NextApi
 
     response.status(200).json({ type: 'Success', data });
   } catch (error) {
-    console.log(error.data);
-    response.status(500).json({ type: 'Error', data: error.data });
+    console.error(error);
+    response.status(500).json({ type: 'Error', data: new Error('Internal Server Error') });
   }
 }

pages/api/popular.ts

@@ -26,7 +26,7 @@ export default async function handler(request: NextApiRequest, response: NextApi
 
     response.status(200).json({ type: 'Success', data });
   } catch (error) {
-    console.log(error.data);
-    response.status(500).json({ type: 'Error', data: error.data });
+    console.error(error);
+    response.status(500).json({ type: 'Error', data: new Error('An unexpected error occurred') });
   }
 }

pages/api/trending.ts

@@ -24,7 +24,7 @@ export default async function handler(request: NextApiRequest, response: NextApi
 
     response.status(200).json({ type: 'Success', data });
   } catch (error) {
-    console.log(error.data);
-    response.status(500).json({ type: 'Error', data: error.data });
+    console.error(error);
+    response.status(500).json({ type: 'Error', data: new Error('Internal Server Error') });
   }
 }

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -12,8 +16,15 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }