Dunia Games - Mobile Adaptive

Dunia Games currently uses Single Page Application with Angular framework. But with that stack, we have shortcomings in page speed performance especially on mobile due to several things, namely local rendering, images are not compressed properly, caching is not handled by the front end, and so on. Therefore, we took the initiative to create mobile adaptive (different resources between desktop and mobile), namely by using Nextjs as the framework used on mobile.

By using Nextjs, many advantages can be obtained, namely because of Server Side Rendering, the js load is reduced and SEO friendly. In addition, there is also image compression handling and cache management, making page speed performance very good.

My job is to realize this by initiating the Next js project, building a code foundation from scratch (clean code architecture, authentication, etc.), building a home page, devops architecture (nginx config, aws service, etc.), and also documentation (setup storybook, create rule, etc.).

NB: Source code cannot be shared because it is a company asset.

See the result on

Before

portfolio/mobile-adaptive/mobile-adaptive-1.png

After

portfolio/mobile-adaptive/mobile-adaptive-2.png
Dunia Games - Mobile Adaptive | Dani Nur Afandi