What is AWS Cognito? AWS Cognito is an Amazon service that authenticates your web and mobile applications, devices, and services. It also allows sign-in through third-party providers such as Facebook, Google, Apple, etc. In addition, AWS Cognito also provides 50K free monthly active users, which is competitive pricing compared to other authentication providers like Auth0, …
Customising AWS Cognito Hosted UI with Terraform Read More »
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 »
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 »
Today, we are learning how to create a basic serverless Golang API with Serverless Framework and deploy it to AWS Lambda and AWS API Gateway. Serverless API or FaaS (Function as a Service) has been a trend in modern software architecting for years. There are a few reasons that I do like serverless API Configure AWS Credentials …
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 »
As for most of my projects, I would like to get the CI process ready as soon as possible to enforce the best practices from the beginning. And a big shout out to the Unity community, who created GitHub Actions plugin – game-ci/unity-actions, that makes CI possible in Github Actions. Before we set up the CI …
React team has released React 18 and the theme for this release is concurrency. Needless to say, React 18 has introduced some new hooks to help us build better and more responsive web applications: Today, we will take a look at how to use these hooks in your project in practice. useTransition Hook By default, …
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 »
Great news people! Create React App v5 is just released with a bunch of upgrades such as support for Webpack 5, PostCSS 8, and one of my favourites is that it comes with TailwindCSS v3. You are no longer in need of craco or react-app-rewired to get TailwindCSS work with CRA. All you need is …
Create React App v5 is now comes with TailwindCSS v3 Read More »
Localisation is very important for every web application to bring a better user experience to all the users from around the globe and not lose your potential customers. Today, we will look into how to integrate localisation into your React web app including how to handle language changes, formatting, as well as how to load …
