This is a Next.js project bootstrapped with create-next-app.

Assume that you are using linux, mac or windows devices.

• Browser
• Nodejs (18+)
• Corepack enabled

1. Install dependencies

pnpm install

2. Run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

1. nextjs
2. jest/react-testing-library
3. tailwindcss
4. react-paginate
5. react-toastify
6. swiper
7. axios
8. react-query
9. mongoose/mongodb

In the app folder, I have implemented 7 main routes:

1. Home
2. Movie Detail
3. Popular Movie
4. Upcoming Movie
5. Login
6. Logout
7. Signup

One route link to one page. You can read more about Routing

I use axios as api client. There are 2 instances create from default axios, lib/axiosClient, are using for querying TMDb data, `lib/defaultClient' for querying API route data.

Using fetch to query on the server side with lib/fetchWrapper.

Run test cases by command:

pnpm run test

I'm using Vercel to deploy this app. Here is production