Debug Next.js application with VSCode in NX monorepo

Debugging Next.js in Visual Studio Code is not straightforward because it involves server-side rendering. Next.js will run and execute part of the code on the server side before it returns the result to the browser. You can follow Next.js’s official document for debugging the Next.js application in VS Code to set up your debugging if …

Debug Next.js application with VSCode in NX monorepo Read More »

Wildcard domains with Vercel and Cloudflare DNS

Setup Wildcard Domains with Vercel and Cloudflare Nameservers

A multi-tenant software-as-a-service (SASS) application is a single instance of the application that serves multiple customers. A SASS will assign customers a subdomain to separate and customise their application data. The wildcards domain can be handy if you let the customer create their subdomain. Today, we will look at how to set the wildcard domain …

Setup Wildcard Domains with Vercel and Cloudflare Nameservers Read More »

Unity 3D Github Actions

Deploying Unity 3D to Play Store in Github Actions with Fastlane

I always enjoy building games using Unity 3D during my free time. I always like to make sure the auto-deployment is ready to ensure that I can focus on my development instead of the troublesome building process for every release. Although Unity does provide Unity Cloud Build service to us, I would prefer Github Actions …

Deploying Unity 3D to Play Store in Github Actions with Fastlane Read More »

Scaling / Resizing Responsive Retina CSS Sprite Icon in React

Images are crucial elements that will bring a strong visual power to a web page. Too many images, however, will deteriorate the performance of a web page due to too many requests to the server. One of the optimisation technique we can use is CSS Sprite, which basically combining multiple images into one image. Then, …

Scaling / Resizing Responsive Retina CSS Sprite Icon in React Read More »

Scroll to Top