{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/118","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"You can have data without information, but you cannot have information without data ~Daniel Keys Moran Who runs the World? Simple Question…","fields":{"slug":"/engineering/handling-cheapest-fuel-data/"},"html":"
\n

You can have data without information, but you cannot have information without data

\n
\n

~Daniel Keys Moran

\n

Who runs the World?

\n

Simple Question! Isn't it?

\n

Answer- Of course, we humans, \"People\" run the world.

\n

The correct answer would be data. Precisely, the information we gain from data. In this digital world, the one most common thing we all do is\n\"We all generate data\". Whenever we do something digitally, we generate data. Listening to a song, watching a movie, playing a game, chatting with friends, reading a comic blah blah blah everything generates data.

\n

Can you imagine?

\n

7.8 Billion people currently live on Earth, and almost 4.57 Billion people are active internet users, encompassing 59 percent of the global population.\nThis is the sixth edition of DOMO's report, and according to their research:\n** \"Over 2.5 quintillion bytes of data are created every single day, and it's only going to grow from there. By 2020, it's estimated that 1.7MB of data will be created every second for every person on earth.\"**\nAs 1 Exabyte = 1 quintillion bytes, so 2.5 Exabytes ( 2.5 * 10¹⁸ bytes) of data is generated per day.

\n

\n \n \n

\n

Big companies like Google, Amazon, Netflix, Instagram, Facebook, Twitter, and many more are generating tons of data daily.\nInformation is taken from here.

\n

Google: 40,000 Google Web Searches Per Second

\n

More than 3.7 billion humans now have regular access to and use the internet. That results in about 40,000 web searches per second — on Google alone.

\n

Facebook: 500 Terabytes Per Day

\n

In 2012, Facebook's system was generating 2.5 billion pieces of content and more than 500 terabytes of data per day.

\n

Twitter: 12 Terabytes Per Day

\n

One wouldn't think that 140-character messages comprise large stores of data, but it turns out that the Twitter community generates more than 12 terabytes of data per day.

\n

General Stats: Per Minute Ratings

\n

Here are some of the per-minute ratings for various social networks:

\n

Snapchat: Over 527,760 photos shared by users

\n

LinkedIn: Over 120 professionals join the network

\n

YouTube: 4,146,600 videos watched

\n

Twitter: 456,000 tweets sent or created

\n

Instagram: 46,740 photos uploaded

\n

Netflix: 69,444 hours of video watched

\n

Giphy: 694,444 GIFs served

\n

Tumblr: 74,220 posts published

\n

Skype: 154,200 calls made by users

\n

These companies use this data to uncover the hidden patterns, correlations, and also to give insights to make proper business decisions. They analyze data for Customer Acquisition and Retention and try to personalize their products for their customers to establish a solid customer base.

\n

As of August 2020, desktop hard disk drives typically had a capacity of 1 to 8 terabytes, with the largest-capacity drives reaching 20 terabytes (single-disk drives, \"dual\" drives are available up to 24 TB).

\n

Another Question- How they do it?

\n

If the capacity of storage devices is much lesser than the data generated per day by such companies, how they manage it. How they process such a large amount of data without storing it anywhere? How Google search gives results in just a few seconds after processing the data stored for years? Can we store data in a storage device whose volume exceeds the capacity of the hardware?

\n

Problem:- Big Data

\n

All these problems combined are called Big Data. Below are some subparts of the Big Data problem-

\n
    \n
  1. Firstly, the volume of data is too large. Even if we build storage devices of huge capacity, we can't cope up with the increasing data per day.
    2. \n
  2. Secondly, the cost of manufacturing. Even if we manufacture large size storage, it is not possible to afford their manufacturing prices even for high-profit organizations. So, What are the solutions for low- budget companies? How can they manage data?
    3. \n
  3. Thirdly, Velocity of data transfer(I/O Operations). If we ignore the above limitations, the next problem posed is the time taken by Processing units to process this data. Because of the huge volume of data stored in large-capacity storage devices, data transfer is time-consuming.
    4. \n
\n

\n \n \n

\n

Solution:-

\n

Big Data can be taken as technology or field that treats ways to analyze, systematically extract information from, or otherwise deal with data sets that are too large or complex to be dealt with by traditional data processing.\nOne of the concepts that solve the above problem is Distributed Storage.

\n

Distributed Storage Cluster-

\n

\n \n

\n \n \n

\n

Spear Phishing

\n

Spear Phishing is another form of social engineering where the fraudster does some background research on the victim's personal and professional life to establish the right pretext.

\n

For example, the fraudster might reveal to the victim that they are planning a surprise birthday for a friend and are seeking help to pull it off.

\n

Baiting

\n

Baiting is when the fraudster uses greed or curiosity to trap the victim with false promises and trick them into handing their login credentials.

\n

For example, the fraudster may leave a malware-infected, authentic-looking flash drive (or bait) in the least suspicious area like the bathroom or elevator of a company. The bait will also have enticing labels like a payroll list or appraisal list that will be tempting enough to insert on a computer. 

\n

Tailgating

\n

Tailgating happens when someone without proper authentication enters into a restricted area by physically bypassing the security measures in place.

\n

For example, the attacker can strike up conversations with an employee in the lobby or the parking lot and use the familiarity to enter the office premises and get past the front desk.

\n

Scareware

\n

Scareware is a malware tactic where the fraudster perceives a threat to deceive users into visiting malware-infected sites and buying malicious software.

\n

Examples include PC Health Check Programs and Antivirus Updaters that scare victims into buying diagnostic and repair services they do not need. 

\n

Warning Signs of Social Engineering Attacks

\n

One of the best ways to protect against social engineering is to understand the warning signs and steer clear of attacks. A few of the warning signs include:

\n\n

Best Practices to Prevent Social Engineering Attacks 

\n

Be careful of what you share. And no, you don't need to be paranoid about these attacks. Preventing them is possible. The following are a few ways that help. 

\n\n

To learn more about Social Engineering Attacks – preventions and best practices, check out the infographic created by LoginRadius.

\n

\n \n \n

\n","frontmatter":{"date":"October 06, 2020","updated_date":null,"description":"Over the years, social engineering attacks have been a regular phenomenon against companies. It has actually become more and more sophisticated. It is high time for businesses to perform careful research and use the right instruments to remain ahead of fraudsters.","title":"Social Engineering Attacks: Prevention and Best Practices [Infographic]","tags":["data security","authentication","mfa"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/e11301be507c80c6942f130c439f8a51/33aa5/social-engineering-attacks.jpg","srcSet":"/static/e11301be507c80c6942f130c439f8a51/f836f/social-engineering-attacks.jpg 200w,\n/static/e11301be507c80c6942f130c439f8a51/2244e/social-engineering-attacks.jpg 400w,\n/static/e11301be507c80c6942f130c439f8a51/33aa5/social-engineering-attacks.jpg 768w","sizes":"(max-width: 768px) 100vw, 768px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.jpg"}}}},{"node":{"excerpt":"The GitHub CLI is a recent GitHub released tool that takes tasks of issue / PR management to the terminal. It will be a useful tool that…","fields":{"slug":"/engineering/github-cli-tool/"},"html":"

The GitHub CLI is a recent GitHub released tool that takes tasks of issue / PR management to the terminal. It will be a useful tool that will put more of our workflow for software creation into the textual domain rather than the visual domain. It’s just called gh.

\n

**Installation of GitHub CLI 💡**

\n

GitHub CLI has releases with significant operating systems, visit the installation page and find instructions on how to install GitHub CLI for your operating system.

\n

For [Windows] and [macOS], you will use the package managers to update and maintain GitHub CLI, and for Linux users, you may need to grab the software from the latest release website.

\n

Here are examples of the installation instructions for each compatible platform:

\n

→ Windows

\n
scoop bucket add github-gh https://github.com/cli/scoop-gh.gitscoop install gh
\n

→ macOS

\n
brew install github
\n

→ Debian/Ubuntu Linux

\n
sudo apt install git && sudo dpkg -i gh_*_linux_amd64.deb
\n

→ Fedora/Centos Linux

\n
sudo yum localinstall gh_*_linux_amd64.rpm
\n

→ Arch Linux

\n
yay -S github-cli
\n

You’ll need to authenticate your account after you install GitHub CLI. Running any command would activate this process of authentication(via OAuth). Well, you can use Git CLI.\n\n \n \n

\n

**What is CLI really doing? 🤔**

\n

The GitHub CLI lets you handle issues/ PRs / repositories from inside your console. Let’s have a look at it:

\n
gh issue [status, list, view, create]\ngh pr [status, list, view, checkout, create]\ngh repo [view, create, clone, fork]\ngh help
\n

\n \n \n

\n

It should be said that gh is not the same stuff as git. It’s because gh just adds GitHub tools to the terminal. Version management is yet to be managed with git.

\n

**CLI Commands ➫**

\n

We’re going to cover a bunch of exciting commands. Let’s use the official Angular.js repo to run gh commands

\n

Clone the Angular repo, and navigate to the repository. You can either clone the repo through HTTPS/ ssh/ Git CLI. I’m going to clone the repo through git CLI since we are working on GIT CLI.

\n

Let’s execute the $gh issue --help see what commands are available.

\n
gh issue --help  \nWork with GitHub issues\nUSAGE\n  gh issue <command> [flags]\nCORE COMMANDS\n  close:      Close issue\n  create:     Create a new issue\n  list:       List and filter issues in this repository\n  reopen:     Reopen issue\n  status:     Show the status of relevant issues\n  view:       View an issue\nFLAGS\n  -R, --repo OWNER/REPO   Select another repository using the OWNER/REPO format\nINHERITED FLAGS\n  --help   Show help for command\nARGUMENTS\n  An issue can be supplied as an argument in any of the following \n  formats:\n  - by number, e.g. "123"; or\n  - by URL, e.g. "https://github.com/OWNER/REPO/issues/123".\nEXAMPLES\n  $ gh issue list\n  $ gh issue create --label bug\n  $ gh issue view --web\nLEARN MORE\n  Use 'gh <command> <subcommand> --help' for more information about a command.\n  Read the manual at https://cli.github.com/manual
\n

It’s Time to view Problems/issues in the angular repo.😁

\n
gh issue list
\n

\n \n \n

\n

*Let’s view an individual pr:*

\n

I’m going with the first pull request #38899. Through gh cmd $ gh pr view 38899.

\n
refactor(compiler): simplify visitor logic for attributes\nDraft • atscott wants to merge 1 commit into master from testrefactor\nLabels: cla: yes, comp: compiler, state: WIP, target: patch\nMilestone: needsTriage\nThe logic for computing identifiers, specifically for bound attributes can  \n  be simplified by using the value span of the binding rather than the source span.\nView this pull request on GitHub: https://github.com/angular/angular/pull/38899
\n

**Repository 🤖**

\n

Let’s execute the $gh repo --help see what commands are available

\n
Work with GitHub repositories\nUSAGE\n  gh repo <command> [flags]\nCORE COMMANDS\n  clone:      Clone a repository locally\n  create:     Create a new repository\n  fork:       Create a fork of a repository\n  view:       View a repository\nINHERITED FLAGS\n  --help   Show help for command\nARGUMENTS\n  A repository can be supplied as an argument in any of the following formats:\n  - "OWNER/REPO"\n  - by URL, e.g. "https://github.com/OWNER/REPO"\nEXAMPLES\n  $ gh repo create\n  $ gh repo clone cli/cli\n  $ gh repo view --web\nLEARN MORE\n  Use 'gh <command> <subcommand> --help' for more information about a command.\n  Read the manual at https://cli.github.com/manual
\n

It is better to clone a repository using the gh command than with the git command. I have done this above. Only through gh cmd, I have cloned angular repo.

\n
$ gh repo clone angular/angular\n$ gh repo fork\n- Forking angular/angular...
\n

Start functioning. You should create a new PR after this ($gh pr create)! It’s sort of remarkable that all of that element is now available in the terminal!😍

\n

**Gist 🐱‍🚀**

\n

It is now simple to create a gist on GitHub from the terminal using the CLI cmd.

\n
gh gist create < file >
\n

**Conclusion🙀**

\n

Git CLI's primary objective is to \"minimize context switching\" by allowing you to continue inside your terminal/console, rather than opening your browser to access GitHub. For additional functionality and knowledge on using the current resources, you may link to the manual.

\n","frontmatter":{"date":"October 05, 2020","updated_date":null,"description":"Learn about GitHub CLI tool and how/when to use it","title":"GitHub CLI Tool ⚒","tags":["Cloud","GIT","Version control"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5384615384615385,"src":"/static/83b212a04295c14c34c4446afe679467/d8212/GitHub%20CLI%20Tool.png","srcSet":"/static/83b212a04295c14c34c4446afe679467/69585/GitHub%20CLI%20Tool.png 200w,\n/static/83b212a04295c14c34c4446afe679467/497c6/GitHub%20CLI%20Tool.png 400w,\n/static/83b212a04295c14c34c4446afe679467/d8212/GitHub%20CLI%20Tool.png 757w","sizes":"(max-width: 757px) 100vw, 757px"}}},"author":{"id":"Saravanan Vijayamuthu","github":"SaravananVijayamuthu","avatar":null}}}},{"node":{"excerpt":"Overview You may have come across the term- “lazy loading in React”, but most of you won’t be familiar with exactly what is lazy loading in…","fields":{"slug":"/engineering/lazy-loading-in-react/"},"html":"

Overview

\n

You may have come across the term- “lazy loading in React”, but most of you won’t be familiar with exactly what is lazy loading in React. Lazy loading is not a new concept. It has been available for quite some time. In essence, lazy loading means that a component or a part of code must get loaded when it is required. It is also referred to as code splitting and data fetching. Now, the next question is, how to do lazy loading in react​?

\n

Talking about React specifically, it bundles the complete code and deploys all of it at the same time. Now, usually, that's not a bad idea, since React SPAs (Single page application) are quite small and do not affect the performance. But what if we have a gigantic application, like a content management system with a customer portal, admin portal etc. In such a case, it does not seem like a smart idea to load the complete application.

\n\n

In this post, I will try to explain the advantages of lazy loading in react and how to implement it in React.

\n

Advantages

\n

In situations where we know that certain code/features will not be accessible to all the users or the user does not access it frequently, it is best to load them when the user requests for it. This improves user experience as well as initial loading time.

\n

For example, let's consider that our application has two sections, A and B. Size of A is 1 MB and its loading time is approximately 1 second. Size of B is also 1 MB and so its loading time is also 1 second. And we know that a user will access either of the sections, or a user accessing section A will rarely access section B and vice versa. If we were to load the complete application at the starting of our application, it would cost the user 2 MB of data and the loading time will also be 2 seconds. The user might not like to wait for 2 seconds or won't be happy that a site is costing them a lot of data. This can be improved and halved with proper lazy loading through lazy load react components.

\n
\n

Note: This is not the general case. Small single-page applications are usually in kbs.

\n
\n

Prerequisites

\n

To follow this tutorial, you’ll need the following:

\n\n

General instructions

\n
    \n
  1. We will perform lazy loading in React with react suspense and without it.
    2. \n
  2. \n

    First of all, create the app using npm create-react-app

    \n
    npm create-react-app my-app
    \n
    3. \n
  3. \n

    Now run the app by running following command in the project directory root

    \n
    npm start
    \n
    4. \n
  4. The default react app will run in http://localhost:3000
    5. \n
  5. \n

    Let the directory structure be

    \n
    |\n|-src\n|\t|-components\n|\t|\t|-Admin.js\n|\t|\t|-Customer.js\n|\t|\t|-Home.js\n|\t|-app.js\n|-index.js
    \n
    6. \n
  6. Application will first render app.js which will have an input field. We will pass the input received as props to Home, and render Home.js. Based on props received, we will either render Admin or Customer.
    7. \n
\n

Using React Suspense (React 16.6+)

\n

From React 16.6+, react added React Suspense which performs lazy loading.

\n
    \n
  1. \n

    In our Home.js, we will lazy load Admin and Customer

    \n
    import React, { Suspense } from "react";\nconst Customer = React.lazy(() => import("./Customer.js"));\nconst Admin = React.lazy(() => import("./Admin.js"));\n\n//Instead of regular import statements, we will use the above approach for lazy loading\n\nexport default (props) => {\n\tif (props.user === "admin") {\n\t\treturn (\n\t\t\t// fallback component is rendered until our main component is loaded\n\t\t\t<Suspense fallback={<div>Loading</div>}>\n\t\t\t\t<Admin />\n\t\t\t</Suspense>\n\t\t);\n\t} else if (props.user === "customer") {\n\t\treturn (\n\t\t\t<Suspense fallback={<div>Loading</div>}>\n\t\t\t\t<Customer />\n\t\t\t</Suspense>\n\t\t);\n\t} else {\n\t\treturn <div> Invalid User </div>;\n\t}\n};
    \n
    2. \n
\n

Without React Suspense

\n

When talking about react lazy loading, if you are working with React version prior to 16.6, you won't have the Suspense component. It is best to upgrade to the latest version and use Suspense. If you're not able to upgrade and still want this feature, it is still possible to create your own React Suspense component. I will be using Higher Order Component(HOC).

\n\n","frontmatter":{"date":"October 05, 2020","updated_date":null,"description":"Learn about lazy loading in React and how/when to use it","title":"Lazy loading in React","tags":["React","Lazy loading","React Suspense"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/00a89fc56461ea1529439d89072c93f1/14b42/react.jpg","srcSet":"/static/00a89fc56461ea1529439d89072c93f1/f836f/react.jpg 200w,\n/static/00a89fc56461ea1529439d89072c93f1/2244e/react.jpg 400w,\n/static/00a89fc56461ea1529439d89072c93f1/14b42/react.jpg 800w,\n/static/00a89fc56461ea1529439d89072c93f1/9842e/react.jpg 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Akshay Avinash","github":"akshay11298","avatar":null}}}},{"node":{"excerpt":"GraphQL's popularity has skyrocketed since its release in 2015. It is the modern way of developing and querying APIs. GraphQL is an…","fields":{"slug":"/engineering/what-is-graphql/"},"html":"

GraphQL's popularity has skyrocketed since its release in 2015. It is the modern way of developing and querying APIs. GraphQL is an application programming interface (API) query language and server-side runtime that prioritises giving customers precisely the data they request.

\n

GraphQL is designed to make fast, scalable, and developer-friendly APIs. GraphQL allows developers to build requests that pull data from multiple data sources in a single API call as an alternative to REST.

\n

Foundation of GraphQL

\n

It was developed internally by Facebook in 2012 before being publicly released in 2015. \"On 7 November 2018, the GraphQL project was moved from Facebook to the newly-established GraphQL Foundation, hosted by the non-profit Linux Foundation.\"

\n

What is GraphQL?

\n

GraphQL is an application-level query language that helps data fetching and serving between client and server runtime by providing a standard protocol for queries. Its strength lies in the fact that it offers a modern, simpler, and efficient way to query and develop APIs. The real deal is its flexible data fetching -- the application only loads relevant data from the server. Also, GraphQL is hierarchical in nature; it structures relationships in a simple hierarchical manner to avoid complex queries while fetching data.

\n

Why to use GraphQL?

\n

GraphQL offers much power and flexibility over Traditional APIs. One of the few things GraphQL was designed, was to solve Data Fetching/Loading problems.

\n

Data fetching is one of the most critical factors responsible for the performance of the application. Most of the time, the data provided by the API isn't required to run the application. This problem is termed as \"Over fetching\", which can be a more significant issue in mobile devices. Since devices with slower network connection are bound to take more load time, it creates a negative impact on end-users.

\n

In the current scenario, traditional REST APIs offer no clean way to solve this problem; GraphQL comes to the rescue. It allows clients to define the structure of the data required, and the same structure of the data is returned from the server. Therefore preventing fetching loads and loads of data, ultimately increasing performance.

\n

API endpoints generally fetch specific data, hence to load a certain data-rich application, there have to be multiple requests to the server. But, applications should fetch relevant data in one round trip to avoid degrading performance. The flexibility and richness of the GraphQL, allows us to define all the data to fetch in a single request, avoiding multiple Round trips

\n

\n \n \n \nWrapping REST API in graphQL - Source - Joey Ng'ethe | TwigaTech

\n

Fundamentals of GraphQL

\n\n\n\n\n\n\n\n\n\n\n\n
Server ->GraphQL Server ->Graphql Client ->Client
\n
\n

Schema - GraphQL follows a type system to define the schema of an API. The syntax for writing schemas is called Schema Definition Language (SDL).

\n
# A simple example to define schema\ntype Person {\n  name: String!\n  age: Int!\n}
\n

Query - The data or information that a client needs from a server can be fetched in a request using queries.

\n
# This query fetches all specifically names of all users\n{\n  users {\n    name\n  }\n}\n# This query fetches all names of all friends of user "Anup".\n{\n  user(name: "Anup") {\n    name\n    friend {\n      name\n    }\n  }\n}
\n

Mutation - Mutations are the way to modify data to the server; these include creating/updating/deleting data. They have similar syntax as queries, with special keywords ahead of them.

\n
# This mutation adds a user with name "Anup" and age 20.\nmutation {\n  addUser( name : "Anup", age: 20) {\n    name\n    age\n  }\n}
\n

Despite its powers, you might not need graphQL in your applications -

\n\n

Conclusion

\n

GraphQL is a step forward in the world of applications by providing a significant boost in performance. Another plus point of GraphQL is that it is not meant to replace any existing solution but enhance and co-exist with REST APIs. Simply put, the future of GraphQL looks bright.

\n","frontmatter":{"date":"October 01, 2020","updated_date":null,"description":"GraphQL is a syntax that specifies how data can be requested and is usually used to load data to a client from a server. Find out why to use it and any other advantages.","title":"What is GraphQL? - A Basic Guide","tags":["Engineering","API","GraphQL","Performance"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/926f1c395eca216d1174370ca687b800/ee604/graph.png","srcSet":"/static/926f1c395eca216d1174370ca687b800/69585/graph.png 200w,\n/static/926f1c395eca216d1174370ca687b800/497c6/graph.png 400w,\n/static/926f1c395eca216d1174370ca687b800/ee604/graph.png 800w,\n/static/926f1c395eca216d1174370ca687b800/db955/graph.png 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Anup Aglawe","github":"anup-a","avatar":null}}}},{"node":{"excerpt":"Determining how consumers are introduced to a brand is as important as managing their subsequent journey. With LoginRadius’ recently…","fields":{"slug":"/identity/loginradius-announces-user-management/"},"html":"

Determining how consumers are introduced to a brand is as important as managing their subsequent journey. With LoginRadius’ recently launched User Management feature, businesses can enjoy streamlined access control and adjustable privileges for their consumers. 

\n

Intent Behind the Launch

\n

Simply put, the LoginRadius User Management feature solves the problem of managing the multiple operations that revolve around consumer data. 

\n

It also has been designed to help your business in the following ways: 

\n\n

\n \n \n

\n

Key Capabilities of LoginRadius User Management

\n

1. User management process: LoginRadius offers complete consumer management features, including: 

\n\n

2. Multiple operations of user data: LoginRadius allows the following actions to be performed on consumers’ data:

\n\n

A Final Word

\n

The User Management feature by LoginRadius is unique in that it monitors and manages the entire consumer journey through automated access permissions, data migration, API support, and other consumer-centric solutions. Now, blend it with creating meaningful relationships with your consumers—that’s what we offer. 

\n

\n \n \n

\n","frontmatter":{"date":"September 30, 2020","updated_date":null,"description":"Businesses will enjoy simplified access control and flexible rights for their customers with the newly added User Management functionality of LoginRadius.","title":"Announcement – LoginRadius Announces the Availability of User Management","tags":["user management","identity management","password management"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.408450704225352,"src":"/static/c7b97877ec6e51015bd2d515b9f3f29b/0756a/image1.png","srcSet":"/static/c7b97877ec6e51015bd2d515b9f3f29b/69585/image1.png 200w,\n/static/c7b97877ec6e51015bd2d515b9f3f29b/497c6/image1.png 400w,\n/static/c7b97877ec6e51015bd2d515b9f3f29b/0756a/image1.png 768w","sizes":"(max-width: 768px) 100vw, 768px"}}},"author":{"id":"Kundan Singh","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.jpg"}}}},"pageContext":{"limit":6,"skip":702,"currentPage":118,"type":"///","numPages":161,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}