Game Portal

Game Portal is video game database and game discovery service that consists of 350,000+ games.

Motivation

Motivation behind this project was to compare client side rendering and server side rendering. Also, to grasp the implemention of SEO and sitemap. Next.js provides bunch of cool features to facilitate SEO, SSR and differentiation between CSR and SSR

Features

• Game Portal utilized with Next.js. It uses Incremental Static Regeneration(ISR) which we don't have to stop relying on dynamic content, as static content can also be dynamic. So that ISR allows us to update existing pages by-rerendering them in the background as traffic comes in. This makes our app very powerful.

• Another powerful library is SWR which is remote data fetching library. Thanks to that library, every fetch request is cached and It comes with the up-to-date data again even after paginations. It heavily takes advantage of static and dynamic web applications.

• Complementary features of Game Portal are Infinite Scrolling(IntersectionObserver API) and Lazy Loading library. Combination of Lazy loading and SWR makes app more optimized

• Lastly, users can sign up via Firebase and comment about games

Screenshots

Tech/framework used

Utilized with

• React
• Next.js
• SWR
• Material UI
• Redux
• Node.js
• Firebase
• Formik
• react-slick
• yup
• react-lazyload

Credits & API usage

Game Portal uses RAWG.IO API to provide game data