Next Movie Application using Next JS

A Complete movie application using Tailwind CSS, Next JS, TypeScript, React, Redux and more...

---

Live Demo

https://watch-next-movie.netlify.com

How to setup

# clone the repo.
git clone [email protected]:fullstack-web-bd/next-movie.git

# go to that folder.
cd next-movie

# install node
npm i

# start the server
npm run dev

# to build
# npm run build

Browse at localhost

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

Technologies used here -

• Tailwind CSS
• React JS
• Next JS
• Redux
• TypeScript
• Netlify build

Next JS specific stuffs

• Server side rendering
  • Movie list page - https://watch-next-movie.netlify.app/
  • Movie Detail page - https://watch-next-movie.netlify.app/movies/avatar-the-way-of-water
• Client side rendering
  • Watchlist page - https://watch-next-movie.netlify.app/watchlist
• Next JS APIs
  • Movie list API - https://watch-next-movie.netlify.app/api/movies
  • Movie detail API - https://watch-next-movie.netlify.app/api/movies/game-of-thrones

Redux

• Watchlist
  • Add to watchlist
  • List of watchlist

Movie JSON datasets

https://gist.github.com/ManiruzzamanAkash/2dd8e7bbf70401065cd882e4b6abc6a7

Author

Maniruzzaman Akash - [email protected]