Next Movie
Next JS Complete Movie application using TypeScript, Next JS, Redux, Tailwind CSS, SSR, Next-13, Next API
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 - manirujjamanakash@gmail.com
