refactor: ♻️ Melhorias no projeto

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": [["styled-components", { "ssr": true }]]
+}

.editorconfig

@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.env.example

@@ -0,0 +1,5 @@
+NEXT_PUBLIC_THE_MOVIE_DB=https://api.themoviedb.org/3/movie
+NEXT_PUBLIC_IMAGE_DOMAIN=image.tmdb.org
+NEXT_PUBLIC_IMAGE_BASE_URL="https://${NEXT_PUBLIC_IMAGE_DOMAIN}/t/p/w500//"
+
+NEXT_PUBLIC_THE_MOVIE_DB_KEY=

.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "env": {
+    "browser": true,
+    "es2020": true,
+    "jest": true,
+    "node": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "plugin:@next/next/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 11,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "react-hooks", "@typescript-eslint"],
+  "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "off",
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off"
+  }
+}

.gitignore

@@ -8,16 +8,28 @@
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 80,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "es5"
+}

README.md

@@ -1,54 +1,34 @@
-# Welcome to API-Filmes
+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).
 
-- A website to find the most popular movies of the moment
+## Getting Started
 
-### Application Details
-
-To see the app click [here](https://api-filmes-seven.vercel.app/)
-
-#### Behaviours
-
-![Mockup 1](https://github.com/Alex-dll/Api-Filmes/blob/master/public/Mockup%202.png?raw=true)
-
-![Mockup 2](https://github.com/Alex-dll/Api-Filmes/blob/master/public/Mockup%201.png?raw=true)
-
-![Behaviors](https://github.com/Alex-dll/Api-Filmes/blob/master/public/Behaviours.gif?raw=true)
-
-## How to run this project
-
-Clone this repo
+First, run the development server:
 
 ```bash
-  git clone https://github.com/Alex-dll/Api-Filmes
+npm run dev
+# or
+yarn dev
 ```
 
-Go to project directory
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-```bash
-  cd my-project
-```
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
 
-Install the dependencies
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
 
-```bash
-  npm install | yarn install
-```
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 
-Start the aplication
+## Learn More
 
-```bash
-  npm run dev | yarn dev
-```
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-## 🛠 Used Tools ⌨
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-- NextJS is the main protagonist, he is responsible for the core of the application.
-- ReactJS
-- Javascript
-- Styled-Components
-- React-Query
-- Axios
+## Deploy on Vercel
 
----
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
-🚀Foguete não tem ré
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  pageExtensions: ["page.tsx", "api.ts"],
+  images: {
+    domains: [process.env.NEXT_PUBLIC_IMAGE_DOMAIN],
+  },
+};
+
+module.exports = nextConfig;