{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/78","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"Whether you want to improve consumer interaction through new digital channels or optimize your business operations, a digital transformation…","fields":{"slug":"/identity/digital-transformation-consumer-iam/"},"html":"

Whether you want to improve consumer interaction through new digital channels or optimize your business operations, a digital transformation strategy is becoming increasingly important. Meanwhile, to defend your reputation and financial stability, you must safeguard data privacy and security.

\n

Consumer Identity and Access Management (CIAM), also known as B2C IAM assists you in laying the groundwork for a business to deliver exceptional client experiences while striking the perfect balance between ease and security. All this within IT infrastructure makes sure that the appropriate people have access to the appropriate resources at the right time for the right cause.

\n

Digital Transformation in a Business: A Necessary Disruption

\n

Digital transformation means using new technologies to manage or adjust the current business processes, culture, and consumer experiences in response to the employee or consumer expectations. The way you do business will change because of consumer IAM.

\n

The workforce is being transformed by remote employees who use collaborative tools. The way you collect data from across the enterprise is changing thanks to the Internet of Things (IoT) devices. Consumers, on the other hand, desire to interact with your company through mobile applications. Your entire business model will begin to evolve if you choose to embrace digital transformation to enhance revenue or reduce operational costs.

\n

Structuring a Digital Transformation Plan

\n

Everyone wins with a digital transformation strategy. A strategy helps organizations embrace new business models that allow them to provide staff with better digital technology. Therefore, your transformation strategy should include:

\n\n

Many firms struggle to develop cyber-secure digital transformation strategies because each new technology introduces a new risk, making risk management difficult.

\n

5 Reasons Why Businesses are Leveraging Consumer IAM

\n

Consumer access entails more than simply granting authority to use internet services. Mobile, IoT, partner applications, and a variety of other channels have all been added to the mix. Businesses can use consumer IAM to provide quick, easy, unified, and secure access across all digital channels.

\n

A consumer IAM platform, LoginRadius for example, also enables you to use consumer identification data to understand your consumers and personalize your products, services, and individual consumer interactions with them.

\n

Given below are the top 5 consumer IAM benefits of LoginRadius.

\n

1. Low-friction authentication

\n

The experience starts with a compelling registration process that can be completed on many devices, establishing cross-channel log-in and authentication credentials. Multiple log-ins for numerous channels and devices cause friction, which leads to consumer annoyance and maybe missed purchases.

\n

Social login via platforms like Google or Facebook might alleviate registration fatigue, but it can also pose security problems which may necessitate the use of multi-factor authentication. With highly low-friction authentication, the consumer enjoys compelling and consistent interaction across channels.

\n

\"EB-GD-to-MFA\"

\n

2. Single consumer view

\n

Consumer data is collected by businesses, but it is often segregated among repositories and departments. The consumer IAM platform provides you with a wealth of information on your consumers’ identities and habits. It allows the building of a detailed profile of each consumer, including personal information, purchase histories, and usage and purchasing patterns.

\n

All of this data may be combined into a single consumer view, which may then be pushed into other enterprise programs to improve areas like sales forecasting, tailored marketing, and new product development.

\n

APIs are widely used in the latest generation of consumer IAM platforms to link identity data and analytics into complementary systems like content management, ERP, and consumer experience Management.

\n

Read more: Why Organizations Must Use API-Driven CIAM for Digital Agility

\n

3. Extended security

\n

Authentication has been a simple decision based on the credentials supplied up until now. This was frequently accomplished by using a user name and password that were both extremely weak. Although the invention of two-factor authentication (2FA) employing a second step such as an SMS message has helped, it is still vulnerable to hacking.

\n

Multi-factor authentication (MFA), which can include biometrics, geolocation, and user behavior, provides increased security. These features also enable the use of analytics to give additional capabilities like anomaly detection, which may be used to swiftly identify and address unexpected behavior. To develop a comprehensive end-to-end solution, the CIAM platform must also provide security beyond the client, including employees, partners, applications, and IoT devices.

\n

4. Privacy and regulatory compliance

\n

Data privacy is a critical component of any CIAM solution, especially when the consumer is responsible for their data and profile management. The consumer IAM platform must provide your consumers with visibility and control over how and where their data is shared. So it includes both consent and preference management, which allows your consumers to choose how their data is collected and used.

\n

Consent management, for example, must allow your client to establish multi-level consent – where data can be used for one reason but not for another – that can be turned on and off at any moment, according to GDPR requirements. The CIAM platform necessitates significant self-service features so that your consumers may manage their consents and preferences through their profile, as well as robust tracking and auditing so that you can prove compliance.

\n

5. Hybrid CIAM deployment

\n

Many CIAM platforms are cloud-based because they provide the scalability and performance required to manage millions of client contacts. However, many of the enterprise systems with which your platform must integrate will remain on-premises. As a result, a hybrid IAM design must integrate cloud and mobile components smoothly.

\n

Consumer IAM has swiftly established itself as a critical component of a positive consumer experience. It lowers the danger of data breaches while also removing a lot of the friction from client interactions. Your consumer isn't the only one who benefits. The identification data you have at your fingertips aids in providing a convenient, omnichannel, and personalized experience, which in turn increases revenue and loyalty.

\n

Contact us to find out how LoginRadius is leading the digital transformation movement for businesses.

\n

If you’re interested in learning more about how the LoginRadius platform works, schedule a demo today.

\n

\"book-free-demo-loginradius\"

\n","frontmatter":{"date":"June 25, 2021","updated_date":null,"description":"Digital transformation empowers businesses to change the way they operate. It’s not just a buzzword or marketing gimmick, it’s a real and tangible way to revamp how you do business and improve your company. Let’s understand it through the lens of consumer IAM.","title":"How Businesses are Experiencing Digital Transformation with Consumer IAM","tags":["digital transformation","ciam solution","mfa","cx"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.941747572815534,"src":"/static/7bc60a75f46149361e6c5f4a350de05d/58556/digital-transformation-consumer-iam-cover.webp","srcSet":"/static/7bc60a75f46149361e6c5f4a350de05d/61e93/digital-transformation-consumer-iam-cover.webp 200w,\n/static/7bc60a75f46149361e6c5f4a350de05d/1f5c5/digital-transformation-consumer-iam-cover.webp 400w,\n/static/7bc60a75f46149361e6c5f4a350de05d/58556/digital-transformation-consumer-iam-cover.webp 800w,\n/static/7bc60a75f46149361e6c5f4a350de05d/cc834/digital-transformation-consumer-iam-cover.webp 1024w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Navanita Devi","github":null,"avatar":null}}}},{"node":{"excerpt":"In this blog post, I will write a step-by-step tutorial to add Authentication to the Play Framework Application with OIDC and LoginRadius. I…","fields":{"slug":"/engineering/guest-post/add-authentication-to-play-framework-with-oidc-and-loginradius/"},"html":"

In this blog post, I will write a step-by-step tutorial to add Authentication to the Play Framework Application with OIDC and LoginRadius. I will be using pac4j and it's play-pac4j integration in this tutorial. Before jumping into the tutorial, let's learn about few concepts.

\n

What is OpenID Connect (OIDC) Protocol?

\n

OIDC is an authentication protocol that allows users to verify their identity when they are trying to access a protected HTTPS endpoint. OIDC is an evolutionary development of ideas implemented earlier in OAuth and OpenID.

\n

OpenID Connect allows clients to request and receive information about authenticated sessions and end-users. It allows all types of clients, including

\n\n

You can find out more details about OIDC here

\n

What is Play Framework?

\n

Play Framework is an open-source web application framework that follows the model–view–controller architectural pattern. It is written in Scala and usable from other programming languages that are compiled to JVM Bytecode.

\n

It makes it easy to build web applications with Java & Scala. Play is based on a lightweight, stateless, web-friendly architecture. Built on Akka, Play provides predictable and minimal resource consumption (CPU, memory, threads) for highly-scalable applications.

\n

What is pac4j?

\n

pac4j is an easy and powerful security engine for Java to authenticate users, get their profiles and manage authorizations in order to secure web applications and web services.

\n

It provides a comprehensive set of concepts and components. It is based on Java and available under the Apache 2 license. It is available for most frameworks/tools and supports most authentication/authorization mechanisms.

\n

pac4j is supported with most of the Java frameworks like

\n\n

Getting started

\n

There are multiple options you can get started with the Play framework.

\n\n

For this tutorial, I will be using creating a new play project using sbt.

\n

Install sbt on Mac OS

\n
brew install sbt
\n

You can find Installation steps for Windows and Linux here.

\n

Prerequisites

\n

For this tutorial, I will be using

\n\n

Create New Play Project

\n

Create a new java play project using the following command

\n
sbt new playframework/play-java-seed.g8
\n

The above command will prompt you to fill in the project name and project package structure in organization as shown below.

\n
[info] welcome to sbt 1.5.3 (Oracle Corporation Java 11.0.2)\n[info] set current project to new (in build file:/private/var/folders/_9/rcqwq2vx1cl_1sc4xdhb5_5c0000gn/T/sbt_661d1bf7/new/)\n\nThis template generates a Play Java project\n\nname [play-java-seed]: loginradius-play-oidc\norganization [com.example]: com.loginradius.developer\n\nTemplate applied in /Users/vishnuchilamakuru/self/longinradius/./loginradius-play-oidc
\n

Run Play Project

\n

Now that the project is created with a base template. You can test it by running the project using the following command from loginradius-play-oidc folder.

\n
sbt run
\n

Now visit http://localhost:9000, and it should look like this.

\n

\"play-project-homepage.webp\"

\n

Integrate pac4j with Play Project

\n

1. Add pac4j dependencies to build.sbt

\n

Add pac4j dependencies, Java 11 as required, and target version to compile the project in build.sbt.

\n
name := """loginradius-play-oidc"""\norganization := "com.loginradius.developer"\n\nversion := "1.0-SNAPSHOT"\n\nlazy val root = (project in file(".")).enablePlugins(PlayJava)\n\nscalaVersion := "2.13.6"\n\ninitialize := {\n  val _ = initialize.value // run the previous initialization\n  val required = "11"\n  val current  = sys.props("java.specification.version")\n  assert(current == required, s"Unsupported JDK: java.specification.version $current != $required")\n}\n\nscalacOptions += "-target:jvm-11"\n\njavacOptions ++= Seq("-source", "11", "-target", "11")\n\n\nlibraryDependencies ++= Seq(\n  guice,\n  ehcache,\n  "org.pac4j" %% "play-pac4j" % "11.0.0-PLAY2.8",\n  "org.pac4j" % "pac4j-oidc" % "5.1.0",\n  "com.typesafe.play" % "play-cache_2.13" % "2.8.8",\n  "com.fasterxml.jackson.module" %% "jackson-module-scala" % "2.12.3"\n)
\n

2. Create Security Module

\n

Create app/modules/SecurityModule.java. This class configures OIDC, sets up a secure HttpActionAdapter, and registers callback and logout controllers.

\n\n
package modules;\n\nimport com.google.inject.AbstractModule;\n\nimport com.nimbusds.oauth2.sdk.ParseException;\nimport com.nimbusds.oauth2.sdk.auth.ClientAuthenticationMethod;\nimport com.nimbusds.openid.connect.sdk.op.OIDCProviderMetadata;\nimport com.typesafe.config.Config;\nimport net.minidev.json.JSONObject;\nimport org.pac4j.core.authorization.authorizer.RequireAnyRoleAuthorizer;\nimport org.pac4j.core.client.Clients;\nimport org.pac4j.core.context.session.SessionStore;\nimport org.pac4j.oidc.client.OidcClient;\nimport org.pac4j.oidc.config.OidcConfiguration;\nimport org.pac4j.play.CallbackController;\nimport org.pac4j.play.LogoutController;\nimport org.pac4j.play.http.PlayHttpActionAdapter;\nimport org.pac4j.play.store.PlayCacheSessionStore;\nimport play.Environment;\n\nimport java.util.Optional;\n\npublic class SecurityModule extends AbstractModule {\n\n    private final Config configuration;\n\n    public SecurityModule(final Environment environment, final Config configuration) {\n        this.configuration = configuration;\n    }\n\n    @Override\n    protected void configure() {\n\n        bind(SessionStore.class).to(PlayCacheSessionStore.class);\n\n        final OidcConfiguration oidcConfiguration = new OidcConfiguration();\n        oidcConfiguration.setDiscoveryURI(configuration.getString("oidc.discoveryUri"));\n        oidcConfiguration.setClientId(configuration.getString("oidc.clientId"));\n        oidcConfiguration.setSecret(configuration.getString("oidc.clientSecret"));\n        oidcConfiguration.setClientAuthenticationMethod(ClientAuthenticationMethod.CLIENT_SECRET_BASIC);\n\n        addProviderMetadata(oidcConfiguration);\n\n        final OidcClient oidcClient = new OidcClient(oidcConfiguration);\n        oidcClient.addAuthorizationGenerator((ctx, session, profile) -> {\n            profile.addRole("ROLE_ADMIN");\n            return Optional.of(profile);\n        });\n\n        final String baseUrl = configuration.getString("baseUrl");\n        final Clients clients = new Clients(baseUrl + "/callback",  oidcClient);\n\n        final org.pac4j.core.config.Config config = new org.pac4j.core.config.Config(clients);\n        config.addAuthorizer("admin", new RequireAnyRoleAuthorizer("ROLE_ADMIN"));\n        config.setHttpActionAdapter(PlayHttpActionAdapter.INSTANCE);\n        bind(org.pac4j.core.config.Config.class).toInstance(config);\n\n        // callback\n        final CallbackController callbackController = new CallbackController();\n        callbackController.setDefaultUrl("/");\n        bind(CallbackController.class).toInstance(callbackController);\n\n        // logout\n        final LogoutController logoutController = new LogoutController();\n        logoutController.setDefaultUrl("/?defaulturlafterlogout");\n        bind(LogoutController.class).toInstance(logoutController);\n\n    }\n\n    private void addProviderMetadata(OidcConfiguration oidcConfiguration) {\n        JSONObject jsonObj = new JSONObject();\n        jsonObj.appendField("token_endpoint", configuration.getString("oidc.tokenUri"));\n        final OIDCProviderMetadata providerMetaData;\n        try {\n            providerMetaData = OIDCProviderMetadata.parse(jsonObj);\n            oidcConfiguration.setProviderMetadata(providerMetaData);\n        } catch (ParseException e) {\n            e.printStackTrace();\n        }\n    }\n}
\n

3. Create Secured Endpoint in Controller

\n

In app/controllers/HomeController.java add the following methods

\n\n

After adding the above methods HomeController.java looks like this.

\n
package controllers;\n\nimport com.google.inject.Inject;\nimport org.pac4j.core.context.session.SessionStore;\nimport org.pac4j.core.profile.ProfileManager;\nimport org.pac4j.core.profile.UserProfile;\nimport org.pac4j.play.context.PlayContextFactory;\nimport org.pac4j.play.java.Secure;\nimport org.pac4j.play.store.PlayCacheSessionStore;\nimport play.mvc.*;\n\nimport java.util.ArrayList;\nimport java.util.List;\n\n/**\n * This controller contains an action to handle HTTP requests\n * to the application's home page.\n */\npublic class HomeController extends Controller {\n\n    /**\n     * An action that renders an HTML page with a welcome message.\n     * The configuration in the <code>routes</code> file means that\n     * this method will be called when the application receives a\n     * <code>GET</code> request with a path of <code>/</code>.\n     */\n    public Result index() {\n        return ok(views.html.index.render());\n    }\n\n    @Secure(clients = "OidcClient")\n    public Result oidcIndex(Http.Request req) {\n        return protectedIndex(req);\n    }\n\n    public Result protectedIndex(Http.Request req) {\n        return ok(views.html.protectedindex.render(getProfiles(req)));\n    }\n\n    @Inject\n    private SessionStore sessionStore;\n\n    private List<UserProfile> getProfiles(Http.Request req) {\n        final ProfileManager profileManager = new ProfileManager(PlayContextFactory.INSTANCE.newContext(req), sessionStore);\n        final List<UserProfile> profiles = new ArrayList<>();\n        if (profileManager.getProfile().isPresent()) {\n            profiles.add(profileManager.getProfile().get());\n        }\n        return profiles;\n    }\n\n}
\n

4. Create Views

\n\n
@()\n\n@main("Welcome to Play") {\n  <h1>Welcome to Play!</h1>\n\n  <a href="oidc/index.html">Protected URL by OIDC</a>\n}
\n\n
@(profileList: java.util.List[org.pac4j.core.profile.UserProfile])\n@import scala.collection.JavaConverters._\n@profiles() = { @profileList.toList }\n<h1>Protected Area</h1>\n<a href="..">Back</a>\n<ul>\n    <li><a href="/logout?url=/?forcepostlogouturl">Logout</a></li>\n</ul>\n\n<p>\n    profiles: @profiles\n</p>
\n

5. Configure Routes

\n

Now we already added methods in HomeController.java and configured callback, logout controllers in SecurityModule.java. Let's configure the routes to map to these methods in conf/routes.

\n\n
# Routes\n# This file defines all application routes (Higher priority routes first)\n# ~~~~\n\n# An example controller showing a sample home page\nGET     /                           controllers.HomeController.index\nGET     /oidc/index.html            controllers.HomeController.oidcIndex(request: Request)\nGET     /protected/index.html       controllers.HomeController.protectedIndex(request: Request)\nGET     /callback                   @org.pac4j.play.CallbackController.callback(request: Request)\nPOST    /callback                   @org.pac4j.play.CallbackController.callback(request: Request)\nGET     /logout                     @org.pac4j.play.LogoutController.logout(request: Request)\n\n\n# Map static resources from the /public folder to the /assets URL path\nGET     /assets/*file               controllers.Assets.versioned(path="/public", file: Asset)
\n

6. Add Application Configuration variables

\n

Finally, configure the variables mentioned in SecurityModule.java in conf/application.conf as follows.

\n
play {\n  modules {\n    enabled += modules.SecurityModule\n  }\n}\n\nbaseUrl = "http://localhost:9000"\n\noidc.discoveryUri = "https://cloud-api.loginradius.com/sso/oidc/v2/{loginradius-site-name}/{loginradius-app-name}/.well-known/openid-configuration"\noidc.clientId = "{clientId}"\noidc.clientSecret = "{clientSecret}"\noidc.tokenUri = "https://cloud-api.loginradius.com/sso/oidc/v2/{loginradius-site-name}/token"
\n

Create an OIDC app in LoginRadius

\n

Login to your LoginRadius account or signup here if you don't have one.

\n

Once you log in you can see by default, one application will be created for you. Otherwise, you can create a new application here from the following screen by clicking New App.

\n

\"loginradius-dashboard.webp\"

\n

I will be using the existing application itself for this demo as I am using a free plan. In the free plan, you can create only one application (no need for card details).

\n

Upgrade your application subscription to the Developer Pro Plan to configure OIDC. (Developer Pro Plan is available with 21 days trial).

\n

\"loginradius-upgrade-subscription-1.webp\"

\n

\"loginradius-upgrade-subscription-2.webp\"

\n

Now click on Select & Configure on your application and navigate to the Integration Section and Configure Open ID configuration. You can find step-by-step details to configure OIDC here.

\n

Once you configure these conf/application.conf will look something like this.

\n
# This is the main configuration file for the application.\n# https://www.playframework.com/documentation/latest/ConfigFile\n\nplay {\n  modules {\n    enabled += modules.SecurityModule\n  }\n}\n\nbaseUrl = "http://localhost:9000"\n\noidc.discoveryUri = "https://cloud-api.loginradius.com/sso/oidc/v2/dev-svv3qlcj2y/pac4j-play-loginradius-demo/.well-known/openid-configuration"\noidc.clientId = "8ce24413-9b7e-4282-9f5b-e0e5ec13a42a"\noidc.clientSecret = "c9c61f6e-325f-40d6-89fd-696d17f970eb"\noidc.tokenUri = "https://cloud-api.loginradius.com/sso/oidc/v2/dev-svv3qlcj2y/token"\n# Site Name - dev-svv3qlcj2y\n# App Name - pac4j-play-loginradius-demo
\n

Time to test complete Integration

\n

Let's run our application using sbt clean run and visit http://localhost:9000. The Home page will look like this.

\n

Home Page

\n

\"home-page.webp\"

\n

LoginRadius Auth Page (IDX)

\n

Now click on the protected url by OIDC link on the home page that will redirect you to the LoginRadius Auth Page (IDX), which you configured.

\n

\"loginradius-consent-page.webp\"

\n

Redirect to Protected Index Page

\n

On successful login from the above step, you will be redirected to the protectedindex.scala.html page.

\n

\"loginradius-protected-index-page.webp\"

\n

Logout Action

\n

play-pac4j provides out of the box LogoutController which can be used to handle logout flows. It has logout functionality which has the logout logic implementation to clear the session. Below is the sample logout functionality from org.pac4j.play.LogoutController play-pac4j module.

\n
    public CompletionStage<Result> logout(final Http.Request request) {\n\n        final HttpActionAdapter bestAdapter = FindBest.httpActionAdapter(null, config, PlayHttpActionAdapter.INSTANCE);\n        final LogoutLogic bestLogic = FindBest.logoutLogic(logoutLogic, config, DefaultLogoutLogic.INSTANCE);\n\n        final WebContext context = FindBest.webContextFactory(null, config, PlayContextFactory.INSTANCE).newContext(request);\n\n        return CompletableFuture.supplyAsync(() -> (Result) bestLogic.perform(context, sessionStore, config, bestAdapter, this.defaultUrl,\n                this.logoutUrlPattern, this.localLogout, this.destroySession, this.centralLogout), ec.current());\n    }
\n

So to use this LogoutController, we just need to initialize it and define logout route for the same in our routes. We already initialized LoginController in SecurityModule.java.

\n

a. Initialize LogoutController

\n\n
    // logout\n    final LogoutController logoutController = new LogoutController();\n    logoutController.setDefaultUrl("/?defaulturlafterlogout");\n    bind(LogoutController.class).toInstance(logoutController);
\n

b. Define Route for LogoutController

\n\n
GET     /logout                     @org.pac4j.play.LogoutController.logout(request: Request)
\n

On Clicking logout in our application, the session will be cleared and you will be redirected to the Home page based on our configuration.

\n

Source Code

\n

You can see the full source code for the application developed in this tutorial on GitHub.

\n","frontmatter":{"date":"June 25, 2021","updated_date":null,"description":"Learn how to integrate play-pac4j and use its OIDC support to authenticate with LoginRadius using JAVA play framework.","title":"Add Authentication to Play Framework With OIDC and LoginRadius","tags":["OIDC","Java","pac4j","Play Framework","Authentication"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/20973f3ab172cea4306baad7dd6cba11/58556/pac4j-authentication.webp","srcSet":"/static/20973f3ab172cea4306baad7dd6cba11/61e93/pac4j-authentication.webp 200w,\n/static/20973f3ab172cea4306baad7dd6cba11/1f5c5/pac4j-authentication.webp 400w,\n/static/20973f3ab172cea4306baad7dd6cba11/58556/pac4j-authentication.webp 800w,\n/static/20973f3ab172cea4306baad7dd6cba11/210c1/pac4j-authentication.webp 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Vishnu Chilamakuru","github":"vishnuchilamakuru","avatar":null}}}},{"node":{"excerpt":"Most corporate brands like to believe that their brand of products or services is the most authentic in their industry space. Popular…","fields":{"slug":"/growth/why-brand-authenticity-is-important/"},"html":"

Most corporate brands like to believe that their brand of products or services is the most authentic in their industry space. Popular buzzwords like brand identity or brand honesty are often used synonymously by organizations when describing their business offerings.

\n

With today’s data-savvy consumers having easy access to brand information and choices, can brands only rely on an excellent product/service or online marketing to make their brand stay ahead of their competition?

\n

No. Because your brand authenticity also matters.

\n

A 2019 Stackla survey found that 86% of consumers consider authenticity as a key factor when deciding which brand to support. Further, today’s millennial and generation Z consumers are more vocal about their demand for brand identity and authenticity.

\n

Why is brand authenticity important and how can you build a better brand identity? Let us answer these questions in the following sections.

\n

What is Brand Authenticity

\n

Brand authenticity refers to how much a consumer believes that the company is being honest in what they are trying to convey to their audience. It plays a crucial role in defining your business missions and processes.

\n

Successful brands have used brand authenticity to reposition themselves to work for the benefit of their consumers. Recent examples include Coca-Cola's \"Better Shared Future” and Nike’s “Move to Zero” brand messaging.

\n

How can Brands Thrive in Today’s Environment

\n

Authenticity is best described as being true to your consumers and adapting to changes in the market. Here are a few ways to do that:

\n

By emotionally connecting with consumers: A genuine or original brand message connects with consumers at an emotional level. The question is does your brand have a consistent message that consumers can identify with at all times? For instance, a DoSomethingStrategic research found that two-thirds of Gen Z consumers felt positive about a brand because of their association with a social cause.

\n

By rising above the noise: In these times of information overload, it is challenging for businesses to transmit genuine brand messaging to their potential consumers. With online consumers using more ad blockers, only authentic brands can reach out to them and grow their business through word-of-mouth advertising.

\n

By differentiating from other brands: Authentic brands differentiate themselves from their competition by being more visible and transparent to their consumers. For example, a transparent brand strategy works towards building brand trust and loyalty among consumers.

\n

5 Steps to Build a Better Brand Identity

\n

As a growing business, how do you go about building brand authenticity for your company? An honest brand identity is not difficult to achieve.

\n

Here are 5 steps with which you can achieve the it:

\n
    \n
  1. Build a good brand story
    2. \n
\n

We love to hear interesting brand narration. People immediately connect to stories that are not positioned as any marketing tool or as a sales pitch, but that talks about the various challenges that they (or someone else) faced and how they overcame them.

\n
    \n
  1. Be consistent in your brand messaging
    2. \n
\n

Is your brand message in line with your brand value and identity? Inconsistent brand messaging can be confusing to your users and harm your brand loyalty. With so many options for digital marketing and social media marketing, make sure you deliver a consistent message across all channels.

\n

Here are some useful tips on how to build brand consistency:

\n\n

As the popular adage goes, it is not what you say, but what you do that matters. This is also true in case of brand management. Smart consumers can easily spot the lack of substance behind every brand's social media engagement and marketing campaign. If the honest claims about your brand are not followed by appropriate actions, then your brand authenticity will not work.

\n
    \n
  1. Accept any business mistakes
    2. \n
\n

Building an authentic brand is not about being the perfect brand that can make no mistakes. As a business, own up to any mistakes in consumer servicing or damage done to your brand identity when required. The fact is that no business is perfect–and your consumers also know that.

\n

As a practice, develop a clear line of communications with your online audience through multiple channels.

\n\n

The final step towards achieving brand authenticity is to showcase your brand reputation to your consumers. User testimonials or online reviews can be a great way of showing what real people or businesses think about your brand. In other words, brand identity is not just about being honest and accepting mistakes, but also the positive aspects of your business.

\n

Conclusion

\n

Brand authenticity is not a one-time activity, but a constant process of discovering what your brand means for your consumers. No matter which industry you are in, brand identity is critical for business success in today’s times. As outlined in this article, an authentic brand can connect with consumers and establish a brand value that goes way beyond profits and revenues.

\n

\"book-a-demo-Consultation\"

\n","frontmatter":{"date":"June 24, 2021","updated_date":null,"description":"Today's world is increasingly clamoring for authenticity. Companies, especially brands, are being held accountable to consumers' demands and judgments about their sincerity. To many people, authenticity is more important than hope.","title":"Why Brand Authenticity is Important & How to Build it","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/16d9d7ace93390a3a944010728f7213d/58556/brand-engagement.webp","srcSet":"/static/16d9d7ace93390a3a944010728f7213d/61e93/brand-engagement.webp 200w,\n/static/16d9d7ace93390a3a944010728f7213d/1f5c5/brand-engagement.webp 400w,\n/static/16d9d7ace93390a3a944010728f7213d/58556/brand-engagement.webp 800w,\n/static/16d9d7ace93390a3a944010728f7213d/99238/brand-engagement.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Navanita Devi","github":null,"avatar":null}}}},{"node":{"excerpt":"There is an advanced feature of React that it can write renderers for multiple different env. Let discuss a few of them. React-Figma This is…","fields":{"slug":"/engineering/react-renderer/"},"html":"

There is an advanced feature of React that it can write renderers for multiple different env. Let discuss a few of them.

\n

React-Figma

\n

This is a Renderer for Figma. It can use React components as a design source.

\n

Sample code with react-figma:

\n
import * as React from 'react';\nimport { Page, View, Text } from 'react-figma';\n\nexport const App = () => {\n    return (\n        <Page name="My Resume" isCurrent>\n            <View>\n                <View style={{ width: 200, height: 100, backgroundColor: '#dd423a' }} />                <Text style={{ color: 'white' }}>Hi, There</Text>\n            </View>\n        </Page>\n    );\n};
\n

Nowadays, Figma is the most popular design tool, similar renderers available as well: react-sketchapp for Sketch, react-xd for Adobe XD.

\n

React Hardware

\n

A device like Arduino can be operated by React components.

\n

Let's checkout demo code :

\n
import React from 'react';\nimport ReactHardware, {Led} from 'react-hardware';\n\nconst App = () => {\n  const [ledStage, setLedStage] = useState(false);\n\n  useEffect(() => {\n    setInterval(() => {\n      setLedStage(prev => !prev);\n    }, 2000);\n  }, []);\n\n  return <Led pin={13} value={ledStage ? 255 : 0} />\n}\nconst PORT = 'dev/tty.usbmodem1411';\nReactHardware.render(<App />, PORT);
\n

Ink

\n

Another React solution for CLIs. It allows you to run, build and test your CLI output through components:

\n

The code of the demo:

\n
const Raiser = () => {\n  const [i, setI] = useState(0);\n\n  useEffect(() => {\n    setInterval(() => {\n      setI(prev => prev + 1);\n    }, 200);\n  }, []);\n\n  return <Color>\n    Increased by {i} \n\t</Color>;\n}
\n

Ink is a popular one that is used by libraries such a Gatsby, Parcel, Yarn 2, etc.\nreact-blessed is one of the similar libraries.

\n

react-three-fiber

\n

This is a great React renderer for threejs on the react-native and web.

\n

Let's see a sample code:

\n
import ReactDOM from 'react-dom'\nimport React, { useRef, useState } from 'react'\nimport { Canvas, useFrame } from 'react-three-fiber'\n\nfunction MyFrame(props) {\n  const Ref = useRef()\n  const [hover, setOnHover] = useState(false)\n  const [enable, setEnable] = useState(false)\n\n  useFrame(() => (Ref.current.rotation.x = Ref.current.rotation.y += 0.01))\n\n  return (\n    <Ref\n      {...props}\n      ref={Ref}\n      scale={enable ? [1.5, 1.5, 1.5] : [1, 1, 1]}\n      onClick={(e) => setEnable(!enable)}\n      onPointerOver={(e) => setOnHover(true)}\n      onPointerOut={(e) => setOnHover(false)}>\n      <boxBufferGeometry args={[1, 1, 1]} />\n      <meshStandardMaterial color={hover ? 'hotpink' : 'orange'} />\n    </Ref>\n  )\n}\n\nReactDOM.render(\n  <Canvas>\n    <pointLight position={[10, 10, 10]} />\n    <MyFrame position={[-3.2, 0, 0]} />\n    <MyFrame position={[2.2, 0, 0]} />\n  </Canvas>,\n  document.getElementById('root')\n)
\n

The library has a great ecosystem along with packages such as react-three-flex ,react-xr, react-postprocessing , etc.

\n

react-nil

\n

A renderer for React that render nothing.

\n
import React, { useState, useEffect } from "react"\nimport { render } from "react-nil"\nfunction MyComponent() {\n  const [active, set] = useState(false)\n  useEffect(() => void setInterval(() => set((active) => !active), 1000), [])\n  return null\n}\n\nrender(<MyComponent />)
\n

It provides you kind of high-level abstraction to Node.

\n

react-docx

\n

Another reconciler for DOCX.js.

\n

Let's understand with a sample code:

\n
renderAsyncDocument(\n  <section>\n    <paragraph heading={Docx.HeadingLevel.HEADING_1}>\n      This is a sample paragraph with paragraph tag\n    </paragraph>\n    <p>      This is a sample paragraph with P tag</p>\n    <p>\n      <t>this is for textrun</t>\n    </p>\n    <p>\n      <img\n        src="base64...."\n        width={200}\n        height={200}\n      />\n      <href\n        src="http://localhost:8080"\n        label={"image n links label"}\n      />\n    </p>\n    <Component text="can try componets in this way of course, like react!">\n    </Component>\n  </section>\n).then((doc) => console.log(doc));
\n

Also, you can checkout react-pdf and redocx for a similar purpose.

\n

Can visit this Github Repo for a curated list of react renderers.

\n","frontmatter":{"date":"June 23, 2021","updated_date":null,"description":"There is an advanced feature of React is that it can write renderers for multiple different env.","title":"React renderers, react everywhere?","tags":["JavaScript","React","Renderer"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/c78e466846f6ee90e75611967e696733/58556/react.webp","srcSet":"/static/c78e466846f6ee90e75611967e696733/61e93/react.webp 200w,\n/static/c78e466846f6ee90e75611967e696733/1f5c5/react.webp 400w,\n/static/c78e466846f6ee90e75611967e696733/58556/react.webp 800w,\n/static/c78e466846f6ee90e75611967e696733/99238/react.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Abhimanyu Singh Rathore","github":"abhir9","avatar":null}}}},{"node":{"excerpt":"Introduction When it comes to robust enterprise cybersecurity strategy, nothing could replace the perfect symphony of SAML and Single Sign…","fields":{"slug":"/identity/saml-sso/"},"html":"

Introduction

\n

When it comes to robust enterprise cybersecurity strategy, nothing could replace the perfect symphony of SAML and Single Sign-On (SSO) that delivers excellent user experience and stringent security.

\n

While SAML helps create, request and exchange security assertions between platforms and applications, SSO within SAML ensures the highest level of user experience while users authenticate themselves on multiple interconnected platforms.

\n

Let’s understand the aspects of leveraging SAML SSO and how businesses can take a giant leap toward a secure and seamless user authentication experience.

\n

What is SAML?

\n

Security Assertion Markup Language or SAML is an XML-based markup language for creating, requesting, and exchanging security assertions between applications. In addition, SAML enables the cross-domain single sign-on (web-based), which helps reduce the administrative overhead of distributing multiple authentication tokens to the user. SAML is also:

\n\n

What is SAML SSO?

\n

SAML SSO is basically an open standard for exchanging authentication and authorization data between two parties, in particular, between an identity provider and a service provider, where:

\n\n

What is SAML Used For?

\n

SAML is basically used to enable web browser SSO (single sign-on) that allows users to authenticate once and gain access to multiple interconnected platforms without having to re-enter the credentials.

\n

SAML providers ensure that every authentication request is processed securely and user information remains secure.

\n

What is a SAML SSO Provider?

\n

A SAML SSO provider can be defined as a system that helps obtaining access to a service as requested. SAML offers every bit of identity-related information between two parties viz., an IdP and an SP. Here’s what these two types of SAML SSO providers do:

\n\n

Advantages of SAML

\n

Below are the benefits that SAML provides:

\n

1. Standardization

\n

The SAML is a standard format that allows a seamless exchange of information between systems, independent of implementation, platform-specific architecture, and performance.

\n

2. Platform neutrality

\n

The SAML abstracts the security framework away from platform architecture and also from particular vendor implementation. Making the security more independent of application logic is an essential tenet of Service-Oriented Architecture.

\n

3. Loose coupling of directories

\n

The SAML does not require the user information to be maintained and synchronized between directories.

\n

4. Better UI experience

\n

The SAML enables single sign-on by allowing users to authenticate at an identity provider end and then access service providers without additional authentication. In addition, identity federation (linking multiple identities) with SAML allows a better-customized user experience at each service while promoting privacy.

\n

5. Reduced complexity

\n

One can use SAML to 'reuse' a single act of authentication (like logging in with the username and password) multiple times across multiple services can reduce the cost of maintaining account information. The identity provider will handle this burden.

\n

6. Centralized Risk Management

\n

In SAML, the responsibility for the proper management of identities lies with the identity provider. It is more manageable and desirable rather than handling multiple service provider systems.

\n

\"DS-SSO\"

\n

SAML Components

\n

SAML framework consists of three basic sets of components, and they are as below:

\n

1. Assertions

\n

A SAML assertion is basically a package of data a SAML authority produces. Alternatively, you can say that a SAML Assertion is the XML document containing the user authorization that the identity provider sends to the service provider.

\n

2. Protocols

\n

SAML protocols describe how certain SAML elements (including assertions) are packaged within request and response elements and give the processing rules that SAML entities must follow when producing or consuming these elements.

\n

3. Bindings

\n

SAML bindings describe how a SAML message must be mapped on non-SAML messaging formats and communication protocols.

\n

How Does SAML Work?

\n

The SAML SSO works by transferring the user’s identity details from one site (the identity provider) to another (the service provider). This process is done through an exchange of digitally signed XML documents.

\n

Let us consider a scenario: A user is logged into a system that acts as an identity provider. The user wants to log in to another remote application, such as a Job application (the service provider app).

\n

Here, following process occurs:

\n\n

SAML SSO Flow

\n

The below diagram illustrates the single sign-on flow for SAML SSO, i.e., when an application triggers SSO.

\n

\"SAML

\n

If you want to learn more on how LoginRadius can help implement IDP-initiated SSO and SP initiated SAML SSO, refer to the LoginRadius SAML overview documentation.

\n

Conclusion

\n

In this article, we talked about the basics of SAML SSO and its key components. However, before implementing any functionality on your website, it is recommended to analyze and consider the pros and cons from every possible angle.

\n

\"book-a-demo-Consultation\"

\n","frontmatter":{"date":"June 18, 2021","updated_date":null,"description":"SAML SSO is an authentication standard for single sign-on (SSO) based on XML. Learn more about how it works, advantages and its components.","title":"What is SAML SSO?","tags":["saml","sso","user authentication"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.834862385321101,"src":"/static/04b39458b580a5bc9971e50f378ae482/ad85c/saml-sso.webp","srcSet":"/static/04b39458b580a5bc9971e50f378ae482/61e93/saml-sso.webp 200w,\n/static/04b39458b580a5bc9971e50f378ae482/1f5c5/saml-sso.webp 400w,\n/static/04b39458b580a5bc9971e50f378ae482/ad85c/saml-sso.webp 600w","sizes":"(max-width: 600px) 100vw, 600px"}}},"author":{"id":"Rajeev Sharma","github":null,"avatar":null}}}},{"node":{"excerpt":"Have you ever wondered what all it takes to be a successful enterprise and stand ahead of the curve when it comes to consumer onboarding…","fields":{"slug":"/growth/consumer-onboarding-strategies-for-saas-businesses/"},"html":"

Have you ever wondered what all it takes to be a successful enterprise and stand ahead of the curve when it comes to consumer onboarding?

\n

Well, one of the most significant cardinal differences is that successful enterprises invest in maintaining a better relationship with their clients.

\n

This also means they treat their potential clients in a way better manner right from the onboarding process and then deliver them a remarkable journey.

\n

As per surveys, 63% of consumers consider a company's onboarding program when they’re about to make a purchasing decision.

\n

So, does it mean that not paying adequate attention to a great consumer onboarding process would drastically affect sales?

\n

Unfortunately, yes!

\n

Besides spending endless hours in creating B2B SaaS marketing campaigns with great content to nurture your leads, if you’re not paying attention to consumer onboarding practices, everything goes in vain.

\n

Let’s learn the essential client onboarding strategies for SaaS businesses that yield better conversions when you have already allocated resources in terms of time, money, and energy for acquiring your consumers.

\n

What is Consumer Onboarding?

\n

Let’s first quickly understand what consumer onboarding is. In simple words, consumer onboarding introduces your product to new users that helps them understand how to leverage it at its best.

\n

A well-structured consumer onboarding plan will surely help your potential clients comprehend your product’s capabilities that would further ensure they become loyal consumers soon.

\n

An enterprise should understand the importance of a well-structured framework that quickly guides new users regarding your SaaS product and its USP (unique selling point).

\n

Whether it’s a personalized welcome or product demonstration, everything adds value towards your brand reliability that helps potential clients convert easily.

\n

Also read: 5 Ways User Onboarding Software Can Revamp Your Application.

\n

Since you’ve learned a lot about the consumer onboarding process and its importance, let’s glance at the strategies that can be quite helpful in creating the finest SaaS onboarding process.

\n

#1. Consumer Expectations Now Matters More than Ever

\n

Different strokes for different folks, which is perhaps the reason enterprises must understand that every client is different, and understanding their unique requirements is vital.

\n

Many SaaS-based product companies come up with the same onboarding policy that may work for a few users, but most of them won’t find it valuable.

\n

Creating user personas can be quite beneficial for companies, along with more emphasis on problem-solving content.

\n

Once the real-life problems of diverse types of targeted users are addressed, you can start creating meaningful journeys by softly pitching your product as the ultimate solution for every issue.

\n

#2. Focus on Core Features

\n

Whenever a user purchases any SaaS product, they’re generally having a problem and are generously looking for a solution for the same.

\n

They land on your website and come across the product introduction to learn more about its features and its abilities to help them perform a task conveniently or efficiently.

\n

Since your product may have many great features that different consumers would love, they have most likely landed to use your product for one specific reason.

\n

Hence, you need to focus more on that. Don’t just overcrowd your product introduction with a bunch of features at once.

\n

Creating an onboarding strategy around your product’s core features could be a game-changer for your business.

\n

Make sure your potential clients are comfortable with the product first, and then you proceed with the introduction of additional features.

\n

#3. Progressive Profiling- More Stages Fewer Steps

\n

Adding more stages to your onboarding strategy is perhaps the key to win consumer trust and navigate conversions without any hassle.

\n

Users get distracted from the onboarding process when they come across sign-up forms with a lot of fields. Since your competitors are just a click away, you need to leverage the potential of progressive profiling at the earliest.

\n

For this reason, adding more stages to your onboarding process with minimal steps can significantly boost your conversions.

\n

LoginRadius can be the ultimate solution for designing the best onboarding strategy that helps in creating personalized experiences to build richer profiles to earn consumer trust.

\n

Choose which data you want to gather through various stages of a consumer’s journey. With LoginRadius Progressive Profiling, custom workflows allow consumers to share information as they continue to interact with your brand. You can set your own rules to suit your business requirements and win your consumers’ trust.

\n

Apart from this, make sure you avoid:

\n\n

All these practices can help in building trust in your potential clients, which further increases the chances of conversion.

\n

Final Thoughts

\n

SaaS-based enterprises need to quickly gear up for adopting the smartest onboarding strategies that not only improve conversions but eventually prevent consumer churn.

\n

As an enterprise, you may have a lot of information regarding your potential client, but it’s always a great idea to optimize your product information for a flawless onboarding journey.

\n

LoginRadius can be your best onboarding partner that can help increase conversions and also minimize consumer churn.

\n

With a long list of features to enhance your business growth, LoginRadius paves the path for a successful onboarding journey.\n\"book-a-demo-Consultation\"

\n","frontmatter":{"date":"June 17, 2021","updated_date":null,"description":"Here’s the list of essential client onboarding strategies for SaaS businesses that yield better conversions when you have already allocated resources in terms of time, money, and energy for acquiring your consumers.","title":"Consumer Onboarding Strategies for SaaS Businesses","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/f58e5270a87f9314be5194967781678b/58556/customer-onboarding.webp","srcSet":"/static/f58e5270a87f9314be5194967781678b/61e93/customer-onboarding.webp 200w,\n/static/f58e5270a87f9314be5194967781678b/1f5c5/customer-onboarding.webp 400w,\n/static/f58e5270a87f9314be5194967781678b/58556/customer-onboarding.webp 800w,\n/static/f58e5270a87f9314be5194967781678b/99238/customer-onboarding.webp 1200w,\n/static/f58e5270a87f9314be5194967781678b/7c22d/customer-onboarding.webp 1600w,\n/static/f58e5270a87f9314be5194967781678b/7e4f0/customer-onboarding.webp 6240w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Vishal Sharma","github":null,"avatar":null}}}}]},"markdownRemark":{"excerpt":"Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards…","fields":{"slug":"/identity/developer-first-identity-provider-loginradius/"},"html":"

Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards and refining approaches to building secure, seamless experiences.

\n

We’re here to support developers on that journey. We know how important simplicity, efficiency, and well-structured documentation are when working with identity and access management solutions. That’s why we’ve redesigned the LoginRadius website—to be faster, more intuitive, and developer-first in every way.

\n

The goal? Having them spend less time searching and more time building.

\n

What’s New and Improved on the LoginRadius Website?

\n

LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.

\n

Here’s a closer look at what’s new and why it’s important:

\n

A Developer-Friendly Dark Theme

\n

\"This

\n

Developers spend long hours working in dark-themed IDEs and terminals, so we’ve designed the LoginRadius experience to be developer-friendly and align with that preference.

\n

The new dark mode reduces eye strain, enhances readability, and provides a seamless transition between a coding environment and our platform. Our new design features a clean, modern aesthetic with a consistent color scheme and Barlow typography, ensuring better readability. High-quality graphics and icons are thoughtfully placed to enhance the content without adding visual clutter.

\n

So, whether you’re navigating our API docs or configuring authentication into your system, our improved interface will make those extended development hours more comfortable and efficient.

\n

Clear Categorization for LoginRadius Capabilities

\n

\"This

\n

We’ve restructured our website to provide a straightforward breakdown of our customer identity and access management platform capabilities, helping you quickly find what you need:

\n\n

This structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.

\n

Developer-First Navigation

\n

\"This

\n

We’ve been analyzing developer workflows to identify how you access key resources. That’s why we redesigned our navigation with one goal in mind: to reduce clicks and make essential resources readily available.

\n

The new LoginRadius structure puts APIs, SDKs, and integration guides right at the menu bar under the Developers dropdown so you can get started faster. Our Products, Solutions, and Customer Services are also clearly categorized, helping development teams quickly find the right tools and make informed decisions.

\n

Quick Understanding of Integration Benefits

\n

\"This

\n

Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.

\n

Our platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.

\n

Over to You Now!

\n

Check out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.

\n

Do not forget to explore the improved navigation and API documentation, and get started with our free trial today. We’re excited to see what you’ll build with LoginRadius!

\n","frontmatter":{"date":"February 21, 2025","updated_date":null,"description":"LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve redesigned our website interface, making navigation more intuitive and reassuring that essential resources are easily accessible.","title":"Revamped & Ready: Introducing the New Developer-First LoginRadius Website","tags":["Developer tools","API","Identity Management","User Authentication"],"pinned":true,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp","srcSet":"/static/80b4e4fbe176a10a327d273504607f32/61e93/hero-section.webp 200w,\n/static/80b4e4fbe176a10a327d273504607f32/1f5c5/hero-section.webp 400w,\n/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp 800w,\n/static/80b4e4fbe176a10a327d273504607f32/99238/hero-section.webp 1200w,\n/static/80b4e4fbe176a10a327d273504607f32/7c22d/hero-section.webp 1600w,\n/static/80b4e4fbe176a10a327d273504607f32/1258b/hero-section.webp 2732w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}},"pageContext":{"limit":6,"skip":462,"currentPage":78,"type":"///","numPages":164,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}