Stack used in the website

Setup

I did an install using Next.js, which is a React framework, and React is a Javascript library, for the development of user interfaces. The use of this framework allows us to componentize the elements of the page in a fast and dynamic way, and manage the use of routing in a dynamic way.

Next also allows images quality optimization dynamically using viewports efficiently. It has a system of cache of pages to achieve a better performance in the response of users visiting the site.

Moreover, the usage of Tailwindcss allows us to apply styles to the page in an easy way, very fast and in a scalable manner. The styles are optimized and the built in Tailwind'sJust In Time compiler deletes unused classes. It is easy to maintain and customize.

For the animations I used Framer Motion because it is on trend. It makes the animations efficiently and fast using low resources.

Data Consumption

I used the TMDB (The Movie Data Base) api because it is complete, simple and easy to integrate.

It is free and there is no limit of api calls. The only requirement the owners ask for is that you should give their credit on the site using their identity as is shown in the footer site.

To make the api calls I used the browser fetchmethod, because it is simple to use and for these purposes was more than enough.

Deployment

The framework Next is developed by Vercel which also provides a hosting for the application integration. It is free and it also has premium plans if you need more capacity and network traffic.