Blog
Checkout my articles on front-end technologies, IAM concepts, tips and pretty much anything that interests me.
Secure your dApps with Asgardeo
Ethereum is a decentralized, open-source blockchain platform that was created in 2015 by Vitalik Buterin. It is a blockchain-based platform that enables the creation of smart contracts and…
How to fix “Support for the experimental syntax <OPERATOR> isn’t currently enabled”
I recently played around with the @primer/doctocat-template Gatbsy theme and encountered the following stack trace while building the repository. It was originating from the…
Branding On Steroids
In a previous blog post 👈, I introduced Asgardeo Organization Branding capabilities. And since then, we have added quite a few cool nifty features that could really help users to achieve advanced…
Asgardeo || The Next-Generation IDaaS by WSO2
At the time of writing, it’s still in the early-adopter stage and the GA release will be announced soon. Well, let’s start with the name itself. Asgardeo was inspired by the mythical concept of…
Introducing Asgardeo Organization Branding
In this blog, I’ll try to cover the problem that’s been addressed and what’s offered with the new feature. When you are using a 3rd party service to log in users to your applications, one of the most…
How to create a blog in Gatsby with MDX
In this post, I will go through the process of configuring a Gatsby application to be able to list out a blog index and render out MDX. I will be adding a blog feature to my Gatsby starter project…
How to add Cypress End-To-End tests to a Gatsby TypeScript project
End-To-End tests are vital for any front-end project if you’re concerned about the quality of the experience you provide to users with your application. In this post, I will go through the process of…
How to add Stylelint to a Gatsby project
You will need a Gatsby application to try this out. I will be using the Gatsby Starter project that I built. Feel free to use the same or you can use this approach on any Gatsby project. I followed…
How to add Unit Tests to a Gatsby Typescript Project with React Testing Library
Unit tests makes sure that you are writing working code as developers and these tests can guarantee that the individual units are behaving as you expected. In this post, I will go through the process…
How to deploy WSO2 Identity Server My Account on an external server.
My Account (previously known as User Portal in Identity Server 5.10.0) is the end-user dashboard of the WSO2 Identity Server(WSO2 IS). With the My Account application, users can manage their…
How to add a custom ESLint configuration to a Create React App project
Every front-end project should have some sort of static code analyzing tool. This will ensure that your team sticks to one coding style and avoids known anti-patterns in development. Arguably, one of…
How to avoid bad code from slipping into your repositories
In this blog, I will go through the process of preventing code that violates lint rules from being slipped into repositories using Lint Staged and Husky.
Create React App vs Gatsby vs Next.js
This comparison is an ongoing occurrence among developers when it comes to selecting the right option for a front end project. I’m not going to go into much detail but in layman’s terms, React is a…
How to customize the User Portal in WSO2 Identity Server 5.10.0
WSO2 Identity Server 5.10.0 is now available for everyone to use. And with that marked the introduction of the much-anticipated User Portal which is the successor to the dashboard. It was written…
How to set-up WSO2 Identity Server User Portal in an development environment
The upcoming WSO2 Identity Server version 5.10.0 will have redesigned UIs with improved UX. The Dashboard has been deprecated and been replaced with a new User Portal. The overall appearance has also…
OAuth 2.0 Authorization code flow React SPA demo using WSO2 Identity Server
This blog post will help you test out the OAuth2 authorization code flow in a React SPA application using the WSO2 Identity Server. In the edit view, expand the “Inbound Authentication Configuration”…