{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/engineering/37","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"Hello, let's create a simple web app using deno, In this blog, I will be using the Deno Third-Party Module called abc for creating a simple…","fields":{"slug":"/engineering/a-webapp-in-deno/"},"html":"

Hello, let's create a simple web app using deno, In this blog, I will be using the Deno Third-Party Module called abc for creating a simple web application.

\n

I am assuming that you are familiar with the basic setup of deno. If not you can start with basic deno installation from here

\n

Simple Web Application

\n

So without wasting time Let's jump into the code and write a simple hello world program using the abc module.

\n

Create a file index.ts, and copy the code there.

\n
import { Application } from "https://deno.land/x/abc@v1.0.0-rc10/mod.ts";\n\nconst app = new Application();\n\napp\n  .get("/hello", (c) => {\n    return "Hello, Abc!";\n  })\n  .start({ port: 8000 });
\n

After saving the file you can run the code using the below cmd

\n
deno run --allow-net=0.0.0.0:8000 index.ts
\n

Explanation:\nDeno is secure by default. Therefore, unless you specifically enable it, a deno module has no file, network, or environment access for example. Access to security-sensitive areas or functions requires the use of permissions to be granted to a deno process on the command line.

\n

--allow-net=\\<allow-net> Allow network access. You can specify an optional, comma-separated list of domains to provide a whitelist of allowed domains. For more information on the different kind of permissions needed in the deno you can visit Permissions in Demo

\n

Now once you run the above cmd you can see the Hello, Abc! in the browser by redirecting to http://localhost:8000/hello

\n

Let's Go Deeper!!!

\n

Now let's try to serve the static file using the abc module. In the above example, app will have lots of different methods that we can use, one of them is static(), it used to serve the static files.

\n

Let us create a folder called public in the root of the project. And inside that create an index.html file. Your index.html will look something like this.

\n
<!doctype html>\n<html>\n    <head>\n        <title>Deno Web Application</title>\n    </head>\n    \n    <body>\n    <div>\n        <h1>Deno Web Application</h1>\n    </div>\n    </body>\n</html>
\n

After creating this file let's modify our index.tsx file by adding the below code.

\n
import { Application } from "https://deno.land/x/abc@v1.0.0-rc10/mod.ts";\n\nconst app = new Application();\n\napp\n  .get("/hello", (c) => {\n    return "Hello World"\n  })\n  .static("/", "./public")\n  .start({ port: 8000 });
\n

Explanation:\nAs you can see .static(\"/\", \"./public\") we have added this route / and we are serving our static file using the static() method provided by the abc module.

\n

static() registers a new route with path prefix to serve static files from the provided root directory.

\n

Let's try to run this using the previous cmd that is

\n
deno run --allow-net=0.0.0.0:8000 index.ts
\n

Oops!! once you try to run this it will compile successfully but when you visit this path\nhttp://localhost:8000/index.html, you will get below error in the browser.

\n
{"statusCode":500,"error":"Internal Server Error","message":"read access to <CWD>, run again with the --allow-read flag"}
\n

It's because as we know deno requires the permission to read the file from the system. Hence to run the above cmd with --allow-read flag will solve our problem. So let's use this cmd to compile our index file.

\n
deno run --allow-read --allow-net=0.0.0.0:8000 index.ts
\n

After successful compile, you will see the output as below.

\n

\"deno-first-app\"

\n

Creating a basic calculator app

\n

Hence after the successful serving of our static file, we can also add js in it. Let start with the basic calculator app for now.

\n

Firstly Let's modify our index.html file and add the below code

\n
<html>\n  <head>\n    <script src="script.js"></script>\n    <link rel="stylesheet" type="text/css" href="style.css">\n  </head>\n  <!-- create table -->\n  <body>\n    <div class="title">Deno Calculator App</div>\n    <table border="1">\n      <tr>\n        <td colspan="3"><input type="text" id="result" /></td>\n        <!-- clr() function will call clr to clear all value -->\n        <td><input type="button" value="c" onclick="clr()" /></td>\n      </tr>\n      <tr>\n        <!-- create button and assign value to each button -->\n        <!-- dis("1") will call function dis to display value -->\n        <td><input type="button" value="1" onclick="dis('1')" /></td>\n        <td><input type="button" value="2" onclick="dis('2')" /></td>\n        <td><input type="button" value="3" onclick="dis('3')" /></td>\n        <td><input type="button" value="/" onclick="dis('/')" /></td>\n      </tr>\n      <tr>\n        <td><input type="button" value="4" onclick="dis('4')" /></td>\n        <td><input type="button" value="5" onclick="dis('5')" /></td>\n        <td><input type="button" value="6" onclick="dis('6')" /></td>\n        <td><input type="button" value="-" onclick="dis('-')" /></td>\n      </tr>\n      <tr>\n        <td><input type="button" value="7" onclick="dis('7')" /></td>\n        <td><input type="button" value="8" onclick="dis('8')" /></td>\n        <td><input type="button" value="9" onclick="dis('9')" /></td>\n        <td><input type="button" value="+" onclick="dis('+')" /></td>\n      </tr>\n      <tr>\n        <td><input type="button" value="." onclick="dis('.')" /></td>\n        <td><input type="button" value="0" onclick="dis('0')" /></td>\n        <!-- solve function call function solve to evaluate value -->\n        <td><input type="button" value="=" onclick="solve()" /></td>\n        <td><input type="button" value="*" onclick="dis('*')" /></td>\n      </tr>\n    </table>\n  </body>\n</html>
\n

As you can see the above code we have already imported our js and css inside to so Let's create JS file called script.js and add the following functions in it.

\n
//function that display value\nfunction dis(val) {\n  document.getElementById("result").value += val;\n}\n\n//function that evaluates the digit and return result\nfunction solve() {\n  let x = document.getElementById("result").value;\n  let y = eval(x);\n  document.getElementById("result").value = y;\n}\n\n//function that clear the display\nfunction clr() {\n  document.getElementById("result").value = "";\n}
\n

And also add some css into it by creating style.css file.

\n
.title {\n  margin-bottom: 10px;\n  text-align: center;\n  width: 210px;\n  color: #0d8dcf;\n  border: solid black 2px;\n}\n\ninput[type="button"] {\n  background-color: #0d8dcf;\n  color: black;\n  border: solid black 2px;\n  width: 100%;\n}\n\ninput[type="text"] {\n  background-color: white;\n  border: solid black 2px;\n  width: 100%;\n}
\n

Great!!! Our calculator app is now almost ready, let's save all the file and reload the http://localhost:8000/index.html.

\n

You can see our calculator app in the browser like below.

\n

\"basic-calculator\"

\n

If you'd like to see the full code, the repository is linked here.

\n","frontmatter":{"date":"June 03, 2020","updated_date":null,"description":null,"title":"Creating a Web Application using Deno","tags":["Deno"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.8018018018018018,"src":"/static/86f3d496668dfb6a4e294c162db964f1/58556/deno.webp","srcSet":"/static/86f3d496668dfb6a4e294c162db964f1/61e93/deno.webp 200w,\n/static/86f3d496668dfb6a4e294c162db964f1/1f5c5/deno.webp 400w,\n/static/86f3d496668dfb6a4e294c162db964f1/58556/deno.webp 800w,\n/static/86f3d496668dfb6a4e294c162db964f1/99238/deno.webp 1200w,\n/static/86f3d496668dfb6a4e294c162db964f1/135cd/deno.webp 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Mohammed Modi","github":"mohammed786","avatar":null}}}},{"node":{"excerpt":"Hello, Deno Deno is a new platform for writing applications using JavaScript and TypeScript. It is based on the V8 JavaScript engine and the…","fields":{"slug":"/engineering/hello-world-deno/"},"html":"

Hello, Deno

\n

Deno is a new platform for writing applications using JavaScript and TypeScript. It is based on the V8 JavaScript engine and the Rust.

\n

Deno’s lowest level binding layer to the system is tied to promises (called ops). Deno is secure by default, provides first-class TypeScript support, has built-in utilities like a dependency inspector, and supports third-party modules such as lodash .

\n

Btw, this is the best damn geeky one-liner code to explain what is Deno. Totally cool.

\n

\"alt_text\"

\n

Installation

\n

Deno works on macOS, Linux, and Windows. Deno is a single binary executable and it has no external dependencies.

\n

See all installation.

\n

Install Deno on Windows 10/8/7

\n

Launch Windows PowerShell and run the following command to install Deno on Windows 10/8/7

\n
iwr https://deno.land/x/install/install.ps1 -useb | iex
\n

Install Deno on Linux and macOS

\n

Launch terminal and run the following command to install Deno on Linux and Mac

\n
curl -fsSL https://deno.land/x/install/install.sh | sh
\n

Open a new terminal and run deno. You should get a > prompt. Type exit.

\n

After installing deno on your system we just need to create a simple Hello World program by using the following steps :

\n

Step 1. Create a Folder as per your project name by using command prompt

\n
mkdir HelloWorldDeno
\n

Step 2. Create a typeScript file and name it index.ts.

\n

Step 3. Add the following code in index.ts.

\n
const helloWorld = (name: string = "world") => {\n  console.log(`Hello ${name}!!`);\n}\n\nhelloWorld();\n\nhelloWorld("Friend");
\n

Step 4. Run the following project by using the following command

\n
deno run index.ts
\n

You can check the result here

\n

\"alt_text\"

\n

Yupppp it works this is your first Deno program !!

\n","frontmatter":{"date":"June 02, 2020","updated_date":null,"description":null,"title":"Hello world with Deno","tags":["Deno","HelloWorld","NodeJs"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/70351d960fd94ea6641dc19419a97bbc/58556/deno.webp","srcSet":"/static/70351d960fd94ea6641dc19419a97bbc/61e93/deno.webp 200w,\n/static/70351d960fd94ea6641dc19419a97bbc/1f5c5/deno.webp 400w,\n/static/70351d960fd94ea6641dc19419a97bbc/58556/deno.webp 800w,\n/static/70351d960fd94ea6641dc19419a97bbc/99238/deno.webp 1200w,\n/static/70351d960fd94ea6641dc19419a97bbc/135cd/deno.webp 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Ashish Sharma","github":"ashish8947","avatar":null}}}},{"node":{"excerpt":"Social login is the need for simplifying your registration process and increasing the conversion rates. Here we will be implementing…","fields":{"slug":"/engineering/facebook-authentication-using-node-and-passport/"},"html":"

Social login is the need for simplifying your registration process and increasing the conversion rates. Here we will be implementing Facebook Login using NodeJS and Passport.

\n

Passport is authentication middleware for Node, which authenticates requests and delegates all other functionality to the application. Considering the unique application requirements, passport has stuck to authentication mechanisms known as strategies. In the blog, we will be implementing a similar strategy for Login with Facebook.

\n

Pre -Requisites:

\n
    \n
  1. Basic Knowledge of NodeJS
    2. \n
  2. Node JS should be installed on your system.
    3. \n
\n

Steps to configure

\n
    \n
  1. Creating Facebook APP_ID and APP_SECRET
    2. \n
  2. Go to Facebook and login with your Facebook account.
    3. \n
  3. Once you have registered, click on the create app link and you will need to enter the details in the following pop-up
    4. \n
\n

\"Create

\n\n

\"Add

\n\n

\"App

\n
    \n
  1. \n

    Now enough, let's move to code, First of all, create a directory named facebook-node-authentication

    \n
    mkdir facebook-node-authentication
    \n
    2. \n
  2. Move to the directory facebook-node-authentication/
    3. \n
\n
  cd facebook-node-authentication
\n
    \n
  1. In the root create a file package.json and copy the following code
    2. \n
\n

The dependencies, we are going to use in the projects are

\n\n
{\n  "name": "facebook_login_node",\n  "version": "1.0.0",\n  "description": "\\"Basic application for setting up Facebook logij using node and passport\\"",\n  "main": "index.js",\n  "scripts": {\n    "test": "echo \\"Error: no test specified\\" && exit 1",\n    "start": "node server.js"\n  },\n  "author": "",\n  "license": "ISC",\n  "dependencies": {\n    "ejs": "^3.1.2",\n    "express": "^4.17.1",\n    "express-session": "^1.17.1",\n    "passport": "^0.4.1",\n    "passport-facebook": "^3.0.0"\n  }\n}
\n
    \n
  1. \n

    After this run the following command in the terminal

    \n
    npm install
    \n
    2. \n
  2. Now create a file named server.js and paste the following code
    3. \n
\n
const express = require('express');\nconst app = express();\nconst session = require('express-session');\nconst passport = require('passport');\nconst FacebookStrategy = require('passport-facebook').Strategy;\nconst routes = require('./routes.js');\nconst config = require('./config')\n\napp.set('view engine', 'ejs');\n\napp.use(session({\n  resave: false,\n  saveUninitialized: true,\n  secret: 'SECRET'\n}));\n\napp.use(passport.initialize());\napp.use(passport.session());\n\npassport.serializeUser(function (user, cb) {\n  cb(null, user);\n});\n\npassport.deserializeUser(function (obj, cb) {\n  cb(null, obj);\n});\n\npassport.use(new FacebookStrategy({\n    clientID: config.facebookAuth.clientID,\n    clientSecret: config.facebookAuth.clientSecret,\n    callbackURL: config.facebookAuth.callbackURL\n  }, function (accessToken, refreshToken, profile, done) {\n    return done(null, profile);\n  }\n));\n\napp.use('/', routes);\n\nconst port = 3000;\n\napp.listen(port, () => {\n  console.log('App listening on port ' + port);\n});
\n
    \n
  1. Now create a file named route.js in the root directory and paste the following code
    2. \n
\n
const passport = require('passport');\nconst express = require('express');\nvar router = express.Router();\n\nrouter.get('/', function (req, res) {\n  res.render('pages/index.ejs'); // load the index.ejs file\n});\n\nrouter.get('/profile', isLoggedIn, function (req, res) {\n  res.render('pages/profile.ejs', {\n    user: req.user // get the user out of session and pass to template\n  });\n});\n\nrouter.get('/error', isLoggedIn, function (req, res) {\n  res.render('pages/error.ejs');\n});\n\nrouter.get('/auth/facebook', passport.authenticate('facebook', {\n  scope: ['public_profile', 'email']\n}));\n\nrouter.get('/auth/facebook/callback',\n  passport.authenticate('facebook', {\n    successRedirect: '/profile',\n    failureRedirect: '/error'\n  }));\n\nrouter.get('/logout', function (req, res) {\n  req.logout();\n  res.redirect('/');\n});\n\nfunction isLoggedIn(req, res, next) {\n  if (req.isAuthenticated())\n    return next();\n  res.redirect('/');\n}\n\nmodule.exports = router;
\n
    \n
  1. Create a directory views and under this create a directory named pages. Under this folder create two pages named profile.ejs and index.ejs
    2. \n
\n
// index.ejs\n<!doctype html>\n<html>\n\n<head>\n  <title>Facebook Node Authentication</title>\n  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">\n  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">\n  <link rel="stylesheet" type="text/css"\n    href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">\n  <style>\n    .facebook {\n      background-color: #3b5998 !important;\n      color: #fff !important;\n    }\n    .fa-facebook-f:before,\n    .fa-facebook:before {\n      content: "\\f09a";\n    }\n  </style>\n</head>\n\n<body>\n  <nav class="light-blue lighten-1" role="navigation">\n    <div class="nav-wrapper container">\n      <a id="logo-container" href="#" class="brand-logo">Node Authentication</a>\n    </div>\n  </nav>\n  <div class="section no-pad-bot" id="index-banner">\n    <div class="container">\n      <br><br>\n      <div class="row center">\n        <div class="col s6 offset-s3">\n          <div class="card">\n            <div class="card-content">\n              <span class="card-title">Facebook Login using Node and passport</span>\n            </div>\n            <div class="card-action">\n              <a href="/auth/facebook" class="waves-effect waves-light btn social facebook">\n                <i class="fa fa-facebook"></i> Sign in with facebook\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</body>\n\n</html>
\n
<!- profile.ejs->\n<!doctype html>\n<html>\n\n<head>  \n  <title>Facebook Node Authentication</title>\n  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">\n  <link rel="stylesheet" type="text/css"\n    href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">\n  <style>\n    .card:hover {\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n      margin-bottom: 54px;\n    }\n  </style>\n</head>\n\n<body>\n  <nav class="light-blue lighten-1" role="navigation">\n    <div class="nav-wrapper container">\n      <a id="logo-container" href="#" class="brand-logo">Node Authentication</a>\n      <a href="/logout" class="right">Logout</a>\n    </div>\n  </nav>\n  <div class="section no-pad-bot" id="index-banner">\n    <div class="container">\n      <br><br>\n      <div class="row center">\n        <div class="col s12">\n          <div class="card">\n            <div class="card-content blue lighten-3">\n              <span class="card-title white-text"><strong><i class="large material-icons">person</i>\n                </strong></span>\n            </div>\n            <div class="card-action">\n              <h5><b><%= user.displayName %></b></h5>\n              <p><strong>Facebook id</strong>: <%= user.id %></p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</body>\n\n</html>
\n
    \n
  1. Finally, when you are done with the above code you can now write all your app details gathered in step 1 to config.js file created in the root directory
    2. \n
\n
module.exports = {\n\t'facebookAuth': {\n\t\t'clientID':  '<APP_ID>', // your App ID\n\t\t'clientSecret':  '<APP_SECRET>', // your App Secret\n\t\t'callbackURL':  'http://localhost:3000/auth/facebook/callback'\n\t}\n}
\n
    \n
  1. Let's have a final check with the repository, aftre follwoing all the steps in the same pordr the directory structure of your code will look like below:
    2. \n
\n
// Final directory structure\nfacebook-node-authentication/\n  --|node_modules\n  --|views/\n    |--|pages/\n    |----|error.ejs\n    |----|profile.ejs\n    |----|index.ejs\n  --|config.js\n  --|package.json\n  --|package-lock.json\n  --|routes.js\n  --|server.js
\n
    \n
  1. Now run the server by executing below command in the directory facebook-node-authentication/
    2. \n
\n
npm start
\n
    \n
  1. Visit the browser with the URL http://localhost:3000
    2. \n
\n

\"Facebook

\n

\"Facebook

\n

You can found the complete code used in this tutorial on our Github Repo

\n","frontmatter":{"date":"June 01, 2020","updated_date":null,"description":null,"title":"Facebook authentication using NodeJS and PassportJS","tags":["Facebook","NodeJs","Authentication","PassportJS"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/adba71048e93f4d775b486dff18c1ca8/58556/facebook_node_passport.webp","srcSet":"/static/adba71048e93f4d775b486dff18c1ca8/61e93/facebook_node_passport.webp 200w,\n/static/adba71048e93f4d775b486dff18c1ca8/1f5c5/facebook_node_passport.webp 400w,\n/static/adba71048e93f4d775b486dff18c1ca8/58556/facebook_node_passport.webp 800w,\n/static/adba71048e93f4d775b486dff18c1ca8/99238/facebook_node_passport.webp 1200w,\n/static/adba71048e93f4d775b486dff18c1ca8/135cd/facebook_node_passport.webp 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Aman Agrawal","github":"aman-agrwl","avatar":null}}}},{"node":{"excerpt":"As a developer, you should be familiar with StackExchange. There are tons of resources available on there about software development and…","fields":{"slug":"/engineering/stackexchange-8-best-resources-every-developer-must-follow/"},"html":"

As a developer, you should be familiar with StackExchange. There are tons of resources available on there about software development and programming. Out of everything, I have compiled a list of the top 8 resources that I find helpful. These resources cover a wide range of topics such as web development, general programming, and best practices to follow during development.

\n

1. Technical things to remember when doing the live (production) deployment of the web application

\n

In this resource, you’ll get a checklist of the things that will make your web application deployment go smoothly as well as how to get good feedback from your users/search engines. It covers many topics such as user interface, user experience, security, SEO, browser compatibility, design, etc.

\n

URL : HDPA

\n

2. Why can’t software industry deliver faultless projects quickly?

\n

Have you ever compared the software industry with other industries such as retail, telecommunications, etc.? The article above covers many of the differences and gives tips around how, as a developer, you can focus on the issues related to software.

\n

URL : HDPE

\n

3. How can I review my own code?

\n

Have you ever reviewed your code? It’s always a fun thing to do… Coding standards and code quality are equally important factors that feed into software quality. In this thread, you’ll find best practices for self-code review that will help improve the quality of the overall software or web application.

\n

URL : HDPF

\n

4. Must read books for programmers

\n

Books are useful for everyone, regardless of your profession. They impart plenty of information into your brain, which you then process and output as a skill. In this thread, you’ll find a list of helpful books to read as a developer. You can choose what to read based on the technology and system you are familiar with, but my personal favourite is “code complete.”

\n

URL : HDPJ

\n

5. How to improve programming skills?

\n

We, programmers, are always looking to improve our coding skills, but sometimes only writing code is not enough. This thread has some tips and tricks for how you can improve.

\n

URL : HDPL

\n

6. Should I become a polyglot programmer?

\n

This thread will help you understand the benefits of learning additional programming languages as a way to improve your thought processes. Understanding more language designs makes you a sharper developer.

\n

URL : HDSM

\n

7. Selection between “Do it right” and “Do it ASAP”

\n

Have you ever been in a tricky situation where you are caught choosing between whether to make the software the right way or to finish it quickly for an upcoming deadline? Well, you are not alone! All developers face the same problem. Go through this thread to understand and choose the right approach for you.

\n

URL : HDSX

\n

8. For fun: list of programmers cartoons

\n

Developers enjoy writing software and feel a deep sense of satisfaction when the program they've been working on is executed nicely and goes to production. That is the essential part of our life, but sometimes we can afford to take a break from all the coding and enjoy some nerdy cartoons… Here are some that I like.

\n

URL : HDPR

\n

I’m sure there are lots of other resources available, so please post your recommendations in the comments section.

\n","frontmatter":{"date":"April 25, 2020","updated_date":null,"description":null,"title":"StackExchange - The 8 best resources every developer must follow","tags":["Programmer","Skills"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/e1dbea7a93cee26d0e479f03722ea24b/58556/8-stackexchange-resources-dev-follow.webp","srcSet":"/static/e1dbea7a93cee26d0e479f03722ea24b/61e93/8-stackexchange-resources-dev-follow.webp 200w,\n/static/e1dbea7a93cee26d0e479f03722ea24b/1f5c5/8-stackexchange-resources-dev-follow.webp 400w,\n/static/e1dbea7a93cee26d0e479f03722ea24b/58556/8-stackexchange-resources-dev-follow.webp 800w,\n/static/e1dbea7a93cee26d0e479f03722ea24b/210c1/8-stackexchange-resources-dev-follow.webp 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Kundan Singh","github":null,"avatar":null}}}},{"node":{"excerpt":"In this blog, we’ll be implementing OAuth by Github in a Node.js Application Before You Get Started This tutorial assumes you have: Basic…","fields":{"slug":"/engineering/oauth-implemenation-using-node/"},"html":"

In this blog, we’ll be implementing OAuth by Github in a Node.js Application

\n

Before You Get Started

\n

This tutorial assumes you have:

\n\n

Step 1: Register a Github OAuth App

\n

To implement Github Auth we need to register a new application in Github OAuth Apps.

\n

Once you start the process you will get a form like this.

\n

\"Github

\n

You need to fill all the required details and put the Authorization callback URL as http://localhost:2400/github/callback (This will be the URL on which Github will send the authorization code once authorization is finished)

\n

Once you register the application you will get the App's Client Id and Secret which we will use in our code.

\n

\"Github

\n

Step 2: Initialize a node.js project with all the dependencies

\n

First in an empty folder run the below command

\n
npm init
\n

It essentially just creates the package.json file with all the basic information you will provide. after that, we will install all the dependencies needed in our project

\n\n
npm install express ejs axios --save
\n

Step 3: Writing express server code to accept web requests

\n

Create a file index.js in the root folder of your app and add the following code:

\n
// index.js\n\n/*  EXPRESS */\nconst express = require('express');\nconst app = express();\n\napp.set('view engine', 'ejs');\nvar access_token = "";\n\napp.get('/', function(req, res) {\n  res.render('pages/index',{client_id: clientID});\n});\n\nconst port = process.env.PORT || 2400;\napp.listen(port , () => console.log('App listening on port ' + port));
\n

Our web server has been set up, now we will add the code related to sending the OAuth request to GitHub using Axios package, at the bottom of the index.js file:

\n
// index.js\n\n// Import the axios library, to make HTTP requests\nconst axios = require('axios')\n// This is the client ID and client secret that you obtained\n// while registering on github app\nconst clientID = 'xxxxxxxxxxxx'\nconst clientSecret = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n\n// Declare the callback route\napp.get('/github/callback', (req, res) => {\n\n  // The req.query object has the query params that were sent to this route.\n  const requestToken = req.query.code\n  \n  axios({\n    method: 'post',\n    url: `https://github.com/login/oauth/access_token?client_id=${clientID}&client_secret=${clientSecret}&code=${requestToken}`,\n    // Set the content type header, so that we get the response in JSON\n    headers: {\n         accept: 'application/json'\n    }\n  }).then((response) => {\n    access_token = response.data.access_token\n    res.redirect('/success');\n  })\n})\n\napp.get('/success', function(req, res) {\n\n  axios({\n    method: 'get',\n    url: `https://api.github.com/user`,\n    headers: {\n      Authorization: 'token ' + access_token\n    }\n  }).then((response) => {\n    res.render('pages/success',{ userData: response.data });\n  })\n});
\n

Note: The callback URL should be the same as used in the GitHub app configuration.

\n

Step 4: Creating a Login and Profile page

\n

Create an ejs file under path views/pages/index.js, it will render into a nice looking Github authorization page:

\n
<!-- views/index.ejs -->\n<!doctype html>\n<html>\n<head>\n    <title>Github OAuth</title>\n    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- load bulma css -->\n    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- load fontawesome -->\n    <style>\n        body        { padding-top:70px; }\n    </style>\n</head>\n<body>\n<div class="container">\n    <div class="jumbotron text-center text-primary">\n        <h1><span class="fa fa-github"></span> Github OAuth</h1>\n        <p>Authorize your app with:</p>\n        <a href="https://github.com/login/oauth/authorize?client_id=<%= client_id %>" class="btn btn-danger"><span class="fa fa-github"></span> Github Login</a>\n    </div>\n</div>\n</body>\n</html>
\n

After it we will create an ejs file under path views/pages/success.js, it will be used to show the user's GitHub information we will get after authorized by Github

\n
<!-- views/success.ejs -->\n<!doctype html>\n<html>\n  <head>\n    <title>Github OAuth</title>\n    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- load bulma css -->\n    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- load fontawesome -->\n      <style>\n          body        { padding-top:70px; }\n      </style>\n  </head>\n  <body>\n    <div class="container">\n      <div class="jumbotron">\n          <h1 class="text-primary  text-center"><span class="fa fa-github"></span> Github Information</h1>\n          <div class="row">\n            <div class="col-sm-6">\n              <div class="well">\n                <p>\n                  <strong>Name</strong>: <%= userData.name %><br>\n                  <strong>Username</strong>: <%= userData.login %><br>\n                    <strong>Company</strong>: <%= userData.company %><br>\n                    <strong>Bio</strong>: <%= userData.bio %>\n                </p>\n              </div>\n            </div>\n        </div>\n      </div>\n    </div>\n  </body>\n</html>
\n

Note: Here we are also using bootstrap and font-awesome css to make our web pages look good.

\n

We have finished building our OAuth authorization page, let's run the application by below command

\n
node index.js
\n

Once our server is running, we can see our social login page on http://localhost:2400/

\n

\"Social

\n

We need to click on the Github Login button, which will redirect us to google login page.

\n

\"GIthub

\n

After login with our GitHub credentials, it will redirect back to our application and on the success page, we can see the details of users' GitHub profile and can save this detail in a database for future use also.

\n

\"GIthub

\n

You can implement the OAuth in Node.js by the above process, You can found the complete code used in this tutorial on out

\n

Github Repo

\n","frontmatter":{"date":"March 22, 2020","updated_date":null,"description":null,"title":"OAuth implementation with Node.js and Github","tags":["Oauth","NodeJs"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.9047619047619047,"src":"/static/bb5df84ab7808c0a554f33a2c8cb76c0/58556/oauth.webp","srcSet":"/static/bb5df84ab7808c0a554f33a2c8cb76c0/61e93/oauth.webp 200w,\n/static/bb5df84ab7808c0a554f33a2c8cb76c0/1f5c5/oauth.webp 400w,\n/static/bb5df84ab7808c0a554f33a2c8cb76c0/58556/oauth.webp 800w,\n/static/bb5df84ab7808c0a554f33a2c8cb76c0/99238/oauth.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Puneet Singh","github":"puneetsingh24","avatar":null}}}},{"node":{"excerpt":"In this blog, we’ll be implementing authentication with JWT in a NodeJS web application. For this, we’ll be using jsonwebtoken package…","fields":{"slug":"/engineering/nodejs-and-mongodb-application-authentication-by-jwt/"},"html":"

In this blog, we’ll be implementing authentication with JWT in a NodeJS web application. For this, we’ll be using jsonwebtoken package

\n

What is JWT?

\n

JWT(JSON Web Token) is a token format. It is digitally-signed, self-contained, and compact. It provides a convenient mechanism for transferring data. JWT is not inherently secure, but the use of JWT can ensure the authenticity of the message so long as the signature is verified and the integrity of the payload can be guaranteed. JWT is often used for stateless authentication in simple use cases involving non-complex systems.

\n

Here's an example of JWT:

\n
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im9sYXR1bmRlZ2FydWJhQGdtYWlsLmNvbSIsIm
\n

Now, let's authenticate/protect some routes.

\n

Pre-requisites:

\n\n

you can install all required packages by using following command:

\n
npm install express mongoose bcrypt  --save
\n

Step 1. First, create a directory structure as below :

\n

JWTApp

\n
-api\n--models\n----userModel.js\n--controllers\n----userController.js\n--route\n----userRoute.js\n--server.js
\n

Step 2. Install “jsonwebtoken” packageby using following command

\n
 npm install jsonwebtoken -- save
\n

Step 3. Create the user model

\n

In the api/models folder, create a file called user userModel.js by running touch api/models/userModel.js.

\n

In this file, create a mongoose schema with the following properties:

\n\n

Add the following code

\n
'use strict';\n\nvar mongoose = require('mongoose'),\n  bcrypt = require('bcrypt'),\n  Schema = mongoose.Schema;\n\n/**\n * User Schema\n */\nvar UserSchema = new Schema({\n  fullName: {\n    type: String,\n    trim: true,\n    required: true\n  },\n  email: {\n    type: String,\n    unique: true,\n    lowercase: true,\n    trim: true,\n    required: true\n  },\n  hash_password: {\n    type: String\n  },\n  created: {\n    type: Date,\n    default: Date.now\n  }\n});\n\nUserSchema.methods.comparePassword = function(password) {\n  return bcrypt.compareSync(password, this.hash_password);\n};\n\nmongoose.model('User', UserSchema);
\n

Step 4. Create the user handlers

\n

In the api/controllers folder, create a file called user userController.js by running touch api/controllers/userController.js

\n

In the userController file, create three different handlers to handle by using the following code

\n
'use strict';\n\nvar mongoose = require('mongoose'),\n  jwt = require('jsonwebtoken'),\n  bcrypt = require('bcrypt'),\n  User = mongoose.model('User');\n\nexports.register = function(req, res) {\n  var newUser = new User(req.body);\n  newUser.hash_password = bcrypt.hashSync(req.body.password, 10);\n  newUser.save(function(err, user) {\n    if (err) {\n      return res.status(400).send({\n        message: err\n      });\n    } else {\n      user.hash_password = undefined;\n      return res.json(user);\n    }\n  });\n};\n\nexports.sign_in = function(req, res) {\n  User.findOne({\n    email: req.body.email\n  }, function(err, user) {\n    if (err) throw err;\n    if (!user || !user.comparePassword(req.body.password)) {\n      return res.status(401).json({ message: 'Authentication failed. Invalid user or password.' });\n    }\n    return res.json({ token: jwt.sign({ email: user.email, fullName: user.fullName, _id: user._id }, 'RESTFULAPIs') });\n  });\n};\n\nexports.loginRequired = function(req, res, next) {\n  if (req.user) {\n    next();\n  } else {\n\n    return res.status(401).json({ message: 'Unauthorized user!!' });\n  }\n};\nexports.profile = function(req, res, next) {\n  if (req.user) {\n    res.send(req.user);\n    next();\n  } \n  else {\n   return res.status(401).json({ message: 'Invalid token' });\n  }\n};
\n

Note: A hash password was saved in the database using bcrypt.

\n

Step 6. In the api/route folder, create a file called user userRoute.js and add the following code:

\n
'use strict';\nmodule.exports = function(app) {\n    var userHandlers = require('../controllers/userController.js');\n    // todoList Routes\n    app.route('/tasks')\n        .post(userHandlers.loginRequired, userHandlers.profile);\n    app.route('/auth/register')\n        .post(userHandlers.register);\n   app.route('/auth/sign_in')\n        .post(userHandlers.sign_in);\n};
\n

Step 7. Add the following code in server.js

\n
'use strict';\n\nvar express = require('express'),\n  app = express(),\n  port = process.env.PORT || 3000,\n\n\n  User = require('./api/models/userModel'),\n  bodyParser = require('body-parser'),\n  jsonwebtoken = require("jsonwebtoken");\n\nconst mongoose = require('mongoose');\nconst option = {\n    socketTimeoutMS: 30000,\n    keepAlive: true,\n    reconnectTries: 30000\n};\n\nconst mongoURI = process.env.MONGODB_URI;\nmongoose.connect('mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb', option).then(function(){\n    //connected successfully\n}, function(err) {\n    //err handle\n});\n\napp.use(bodyParser.urlencoded({ extended: true }));\napp.use(bodyParser.json());\n\napp.use(function(req, res, next) {\n  if (req.headers && req.headers.authorization && req.headers.authorization.split(' ')[0] === 'JWT') {\n    jsonwebtoken.verify(req.headers.authorization.split(' ')[1], 'RESTFULAPIs', function(err, decode) {\n      if (err) req.user = undefined;\n      req.user = decode;\n      next();\n    });\n  } else {\n    req.user = undefined;\n    next();\n  }\n});\nvar routes = require('./api/routes/userRoutes');\nroutes(app);\n\napp.use(function(req, res) {\n  res.status(404).send({ url: req.originalUrl + ' not found' })\n});\n\napp.listen(port);\n\nconsole.log(' RESTful API server started on: ' + port);\n\nmodule.exports = app;
\n

Step 9. Now you just need to run the project by using the following command and try logging by using the JWT.

\n
npm start
\n

Step 10. Open Postman and create a post request to localhost:3000/auth/register as below:

\n

\"Postman

\n

Step 11. After this, let’s sign with this URL localhost:3000/auth/sign_in . Enter the keys and values for email and password

\n

\"Postman

\n

Under the value, add JWT and the token with a space between, like so:

\n
JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im9sYXR1bmRlZ2FydWJhQGdtYWlsLmNvbSIsImZ1bGxOYW1lIjoiT2xhdHVuZGUgR2FydWJhIiwiX2lkIjoiNThmMjYzNDdiMTY1YzUxODM1NDMxYTNkIiwiaWF0IjoxNDkyMjgwMTk4fQ.VcMpybz08cB5PsrMSr25En4_EwCGWZVFgciO4M-3ENE
\n

Step 11. Then, enter the parameters for the key and value for fetching the profile. You want to create as shown below and send:

\n

\"Postman

\n

As we have seen it is fairly easy to build a JWT authentication system with NodeJS, You can found the complete code used in this tutorial here.

\n","frontmatter":{"date":"March 20, 2020","updated_date":null,"description":null,"title":"NodeJS and MongoDB application authentication by JWT","tags":["NodeJs","JWT","MongoDB","Authentication","JSON Web Token"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.6666666666666667,"src":"/static/2b39d6f99b1ca5d4bc89d3bfccb6e29d/e9589/jwt.webp","srcSet":"/static/2b39d6f99b1ca5d4bc89d3bfccb6e29d/61e93/jwt.webp 200w,\n/static/2b39d6f99b1ca5d4bc89d3bfccb6e29d/1f5c5/jwt.webp 400w,\n/static/2b39d6f99b1ca5d4bc89d3bfccb6e29d/e9589/jwt.webp 500w","sizes":"(max-width: 500px) 100vw, 500px"}}},"author":{"id":"Ashish Sharma","github":"ashish8947","avatar":null}}}}]},"markdownRemark":{"excerpt":"Introduction Ever wondered how apps like Spotify, Netflix, or Slack manage seamless login experiences across devices? Many of them use JWT…","fields":{"slug":"/engineering/how-to-integrate-jwt/"},"html":"

Introduction

\n

Ever wondered how apps like Spotify, Netflix, or Slack manage seamless login experiences across devices? Many of them use JWT, or JSON Web Tokens, a compact, stateless method for securely transmitting user identity and session data across services.

\n

With JWT token authentication, identity information is embedded in a signed token, allowing you to maintain user sessions without server-side storage. This approach is highly scalable and ideal for modern architectures like SPAs, mobile apps, and microservices.

\n

In this blog, we’ll walk you through what is JWT, why use it, and how to implement JWT authentication using LoginRadius.

\n

You’ll learn what JWT is, why it’s effective, and how it works in real-world applications. We'll cover both integration methods (IDX and Direct API), generating your signing key, managing sessions, storing the JWT token securely, and applying best practices throughout.

\n

Whether you're a developer, product manager, or IAM architect, this guide offers a complete foundation for implementing JWT token authentication into your application stack.

\n

What is JWT?

\n

JSON Web Token (JWT) is an open standard (RFC 7519) used to transmit information securely between parties as a JSON object. It’s compact, self-contained, and digitally signed, making it a reliable format for authentication and authorization across modern applications.

\n

A JWT consists of three parts:

\n
    \n
  1. Header – Contains metadata like the type of token and signing algorithm (e.g., HS256).
    2. \n
  2. Payload – Stores the actual data or “claims,” such as user ID, roles, and token expiry.
    3. \n
  3. Signature – A cryptographic hash that ensures the token hasn’t been tampered with.
    4. \n
\n

Example of a token structure:

\n

<base64Header>.<base64Payload>.<signature>

\n

Why Use JWT?

\n\n

How JWT Works?

\n

\"Flowchart

\n
    \n
  1. A user logs in with credentials.
    2. \n
  2. Your app (or identity provider like LoginRadius) issues a signed JWT.
    3. \n
  3. The client stores the token and sends it with each request (usually in the Authorization header).
    4. \n
  4. The server validates the token’s signature and claims.
    5. \n
  5. If valid, access is granted — without any session stored on the backend.
    6. \n
\n

JWT simplifies identity verification, especially when you're building apps that talk to APIs or need to scale without centralized session storage.

\n

JWT Authentication with LoginRadius: Overview

\n

LoginRadius provides robust support for JWT (JSON Web Token) authentication, which allows for flexible and secure access control across different digital platforms. Whether you're building a fully custom identity flow or using a pre-built interface, the platform supports various integration approaches depending on your architecture.

\n

If you're looking to understand how to implement JWT token authentication effectively, LoginRadius offers two primary implementation models that cater to different levels of customization and control:

\n

1. IDX Implementation – JWT through a Hosted Login Page

\n

The IDX-hosted login approach enables secure, standards-compliant, JWT-based authentication without requiring you to build a custom login interface. This is a strategic option for fast, compliant, and user-friendly deployments.

\n\n

Configuration Steps:

\n
    \n
  1. Enable JWT Login
    2. \n
  2. Go to authentication configuration settings and enable JWT Login in the Admin Console.
    3. \n
\n

\"Screenshot

\n
    \n
  1. Specify your signing algorithm and expiry policy, and define your JWT Secret Key.
    2. \n
  2. Input a secure JWT signing key.
    3. \n
  3. Specify token expiry duration (e.g., 15–60 minutes)
    4. \n
  4. Select the desired algorithm —HS256 for symmetric signing (same key signs and verifies)
    5. \n
  5. RS256 for asymmetric signing, where LoginRadius securely stores the private key used to sign the JWT.
    6. \n
  6. Your app or backend service uses the public key to validate the token signature.
    7. \n
  7. LoginRadius provides a JWKS (JSON Web Key Set) endpoint to dynamically fetch and rotate public keys, ensuring trust without key exposure.
    8. \n
  8. Update IDX Template for Callback
    9. \n
  9. Modify your IDX login page template to retrieve the JWT post-login. You can access the token via redirect URL parameters or secure JavaScript callbacks.
    10. \n
\n

Example Response:

\n

{

\n

\"access_token\": \"eyJhbGciOiJIUzI1NiIsInR...\",

\n

\"expires_in\": 1800

\n

}

\n

This integration approach works best for all teams that want effective identity workflows without the complexity of building proprietary login screens, something that is crucial for customer portals, onboarding of mobile applications, and even managing access for business partners.

\n

2. Direct API Implementation – Self Managed Login

\n

If you’re building a custom login UI or working in a headless environment, LoginRadius lets you generate and handle JWTs directly through its Authentication APIs. Here’s how you can programmatically perform token authentication using the classic method:

\n\n

Configuration Steps:

\n

Step 1: Authenticate via API:

\n\n

Include the user’s credentials (email + password) in the request body.

\n

Step 2: Get JWT in Response

\n\n

{

\n

\"access_token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...\",

\n

\"expires_in\": 3600

\n

}

\n

Step 3: JWT Decoding and Validation

\n\n

Step 4: Set Custom Claims (Optional)

\n

With LoginRadius, it is possible to customize the payload to include user roles and/or any additional metadata. You can set custom JWT claims on the Admin Console.

\n

With this method, you have complete customization over login flows while using LoginRadius to issue signed JWTs for user session management.

\n

NOTE- With either method, LoginRadius ensures that JWTs are securely signed, optionally short-lived, and compatible with standard token validation libraries, making integration seamless for everyone.

\n

To get started with JWT implementation, you can read our complete developer documentation.

\n

Hosted Login vs Direct API

\n

\"Illustration

\n

What is Session Management and How It Works with JWT

\n

Session management is how your app keeps track of a user after they log in so they don’t have to prove who they are with every request.

\n

In traditional apps, sessions are stored on the server using session IDs. Every time a request comes in, the server checks that session ID to verify the user.

\n

In modern apps, especially SPAs and APIs, JWTs are used to manage sessions without needing server-side storage; this is called stateless session management. The token itself carries the user’s identity, roles, and expiration details. As long as the token is valid, the user stays logged in.

\n

Good session management ensures:

\n\n

How LoginRadius Handles Session Management with JWT:

\n
    \n
  1. \n

    User Logs In

    \n\n
    2. \n
  2. \n

    Client Stores the Token

    \n\n
    3. \n
  3. \n

    Access Token Expiry

    \n\n
    4. \n
  4. \n

    Token Renewal

    \n\n
    5. \n
  5. Logout and Token Revocation Strategy
    6. \n
\n

When the user logs out, both the access token and refresh token should be cleared from client storage.

\n\n

Combining these strategies gives you greater control over token misuse and enables a robust, enterprise-grade logout flow.

\n

\"illustration

\n

How to Store JWT Tokens?

\n

When you implement JWT-based authentication, the client (browser or mobile app) needs a way to store the access token and, optionally, the refresh token after they are issued by the authentication server. This stored token is then attached to every subsequent request to prove the user's identity.

\n

Choosing where to store the JWT is a crucial security decision. The most common storage options are:

\n\n

Each option has trade-offs between security, accessibility, and persistence, and the right choice depends on your application's architecture and threat model.

\n

Recommended Storage Strategy

\n\n

Best Practices for Storing JWTs

\n
    \n
  1. Never store sensitive tokens (like refresh tokens) in localStorage or sessionStorage.
    2. \n
  2. Use Secure and HttpOnly flags with cookies to prevent JavaScript access and ensure transmission only over HTTPS.
    3. \n
  3. Set the SameSite=Strict or Lax attribute on cookies to protect against CSRF.
    4. \n
  4. Use short-lived access tokens and rotate refresh tokens regularly.
    5. \n
  5. Implement CSP (Content Security Policy) to reduce XSS risk.
    6. \n
  6. Avoid storing any tokens in frontend code (e.g., hardcoded in JS files).
    7. \n
\n

Conclusion

\n

JWT authentication with LoginRadius offers a modern, stateless approach to managing sessions across distributed systems. The IDX integration is ideal for rapid deployment, while the Direct API model is best for organizations needing deep customization and integration flexibility.

\n

With robust token signing, refresh capabilities, and centralized control, LoginRadius provides a future-ready foundation for secure, scalable identity architecture. Contact us to know more about JWT authentication and implementation guide.

\n

FAQs

\n

1. What is JWT authentication used for?

\n

A: JWT authentication securely verifies user identities, enabling stateless session management across web, mobile apps, and microservices without server-side session storage.

\n

2. How does LoginRadius simplify JWT integration?

\n

A: LoginRadius simplifies JWT integration by offering hosted IDX login pages and direct API-based authentication methods, enabling rapid deployment and deep customization.

\n

3. Is JWT authentication secure?

\n

A: Yes, JWT authentication is secure when implemented with best practices like short-lived tokens, secure storage methods, signature validation, and refresh token rotation.

\n

4. Can JWT tokens be revoked with LoginRadius?

\n

A: Yes, LoginRadius allows revocation of JWT refresh tokens explicitly, and supports strategies like short-lived tokens and key rotation to manage token lifecycles securely.

\n","frontmatter":{"date":"April 15, 2025","updated_date":null,"description":"Discover JWT (JSON Web Token) authentication, its advantages, and how to integrate it seamlessly using LoginRadius' hosted IDX and Direct API methods for secure, scalable identity management.","title":"JWT Authentication with LoginRadius: Quick Integration Guide","tags":["JWT","JSON Web Token","Authentication","Authorization"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":0.7782101167315175,"src":"/static/4cedb7829f98208cbc6d5a9aea4e983d/58556/how-to-integrate-jwt.webp","srcSet":"/static/4cedb7829f98208cbc6d5a9aea4e983d/61e93/how-to-integrate-jwt.webp 200w,\n/static/4cedb7829f98208cbc6d5a9aea4e983d/1f5c5/how-to-integrate-jwt.webp 400w,\n/static/4cedb7829f98208cbc6d5a9aea4e983d/58556/how-to-integrate-jwt.webp 800w,\n/static/4cedb7829f98208cbc6d5a9aea4e983d/1cc9f/how-to-integrate-jwt.webp 896w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Kundan Singh","github":null,"avatar":null}}}},"pageContext":{"limit":6,"skip":216,"currentPage":37,"type":"//engineering//","numPages":53,"pinned":"5c425581-f474-5ae9-abe7-cf5342db2aaa"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}