Writing
Blog
Thoughts on engineering, identity & access management, open source, and security.
Journey of My Portfolio: WordPress Era
Journey of My Portfolio: WordPress Era During the second year of university, we were assigned a module project to build our own portfolio website. And for me, this was a massive deal. Because this …
Journey of My Portfolio: Where It All Started
Journey of My Portfolio: Where It All Started Before React. Before open source. Before identity, SDKs, design systems, and developer platforms. There was a Blogspot website. This series is about my …
Does Your Company Need a Design System?
Does Your Company Need a Design System? In today’s competitive market, a product’s look and feel are as important as its technical capabilities. Users expect seamless, consistent experiences …
Thanks Andrea.
Thanks Andrea. Personally, I don't recommend changesets for all the projects. For example, we recently wrote a wrapper around `material-ui` called `oxygen-ui`(https://github.com/wso2/oxygen-ui). In …
Thanks Stefan.
“Thanks Stefan.” is published by Brion Mario.
Write better commit messages
Write better commit messages Are you this person? commit 1a2b3c4d5e6f7g8h9i0j Author: John Doe <johndoe@example.com> Date: Thu Jul 6 10:00:00 2023 +0000 Minor Fixes And then you introduce a …
The Foundation of Secure Authentication
The Foundation of Secure Authentication When developers evaluate an SDK for authentication, they often prioritize immediate features like ease of integration and functionality. However, overlooking …
The unofficial `react-auth`
The unofficial `react-auth` Authentication is a crucial aspect of any modern web application, ensuring that only authorized users have access to specific resources and functionalities. With the rise …
Thanks bro.
“Thanks bro.” is published by Brion Mario.
How to fix TS2604: JSX element type does not have any construct or call signatures
How to fix TS2604: JSX element type does not have any construct or call signatures If you are here, there’s a good chance that you’re scratching your head trying to figure out what caused your …
Why we migrated to PNPM?
Why we migrated to PNPM? It’s incredible how much the landscape of front-end development has transformed in the past few years. When I first entered the enterprise front-end engineering domain, the …
Unveiling the Transformation of the WSO2 Identity Server’s Frontend
Unveiling the Transformation of the WSO2 Identity Server’s Frontend The journey of WSO2 Identity Server’s modern frontend traces back to 2019, marked by the initial commit. At that time, the …
Mastering IAM Simplified: Unleash Your Potential with Asgardeo’s Novice-Friendly Login Flow Visual…
Mastering IAM Simplified: Unleash Your Potential with Asgardeo’s Novice-Friendly Login Flow Visual Editor App developers seeking simple login integration often find the IAM landscape daunting …
🦋 Changesets is a game changer
🦋 Changesets is a game changer In today’s coding landscape, monorepos are all the rage. They offer a centralized, streamlined approach to managing multiple packages within a single …
Visualize the user login journey with Asgardeo
Visualize the user login journey with Asgardeo Up until now, Asgardeo offered a login flow customization tool that was user-friendly, and fairly easy to use. But over time, we understood that users …
Why do we rewrite front-ends?
Why do we rewrite front-ends? It’s a widely recognized truth that perfect software is impossible to achieve. Even with the best intentions, developers must make trade-offs between different …
Secure your dApps with Asgardeo
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 …
How to fix “Support for the experimental syntax <OPERATOR> isn’t currently enabled”
How to fix “Support for the experimental syntax <OPERATOR> isn’t currently enabled” Problem ❓ I recently played around with the @primer/doctocat-template Gatbsy theme and encountered the …
Branding On Steroids
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 …
Asgardeo || The Next-Generation IDaaS by WSO2
Asgardeo || The Next-Generation IDaaS by WSO2 On October 13, 2021, WSO2 introduced its brand new IDaaS solution Asgardeo. Asgardeo Twitter Announcement At the time of writing, it’s still in the …
Introducing Asgardeo Organization Branding
Introducing Asgardeo Organization Branding Asgardeo’s new Organization Branding feature is now available for the public to try out 🎉. In this blog, I’ll try to cover the problem that’s been …
How to create a blog in Gatsby with MDX
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. TL;DR I will be adding …
How to add Cypress End-To-End tests to a Gatsby TypeScript 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 …
How to add Stylelint to a Gatsby project
How to add Stylelint to a Gatsby project In this post, I will go through the process of adding Stylelint to a Gatsby project. Pre-requisites You will need a Gatsby application to try this out. I will …
How to add Unit Tests to a Gatsby Typescript Project with React Testing Library
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 …
How to deploy WSO2 Identity Server My Account on an external server.
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 …
How to add a custom ESLint configuration to a Create React App project
How to add a custom ESLint configuration to a Create React App project Background Every front-end project should have some sort of static code analyzing tool. This will ensure that your team sticks …
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
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. When we consider these three …
IS is blocking CORS requests by default.
IS is blocking CORS requests by default. I added a new section in the blog explaining the process of adding CORS filters in Identity Server 5.10.0. Please check the following section. "3. Configure …
Nice catch. I've fixed the typo. Thanks a lot 😀
“Nice catch. I've fixed the typo. Thanks a lot 😀” is published by Brion Mario.
Hi Rohan,
Hi Rohan, Identity Server is blocking cross origin requests and you can use a CORS filter to whitelist your origin. In this article …
How to customize the User Portal in WSO2 Identity Server 5.10.0
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 …
How to set-up WSO2 Identity Server User Portal in an development environment
How to set-up WSO2 Identity Server User Portal in a development environment The upcoming WSO2 Identity Server version 5.10.0 will have redesigned UIs with improved UX. The Dashboard has been …
OAuth 2.0 Authorization code flow React SPA demo using WSO2 Identity Server
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 …