Simple JWT Login
for JavaScript

Authenticate users from a React SPA or a Next.js app. Store the JWT in a context provider and attach it to every fetch or Axios call to your WordPress REST API.

import SimpleJwtLogin from 'simple-jwt-login';

const client = new SimpleJwtLogin({
  siteUrl: process.env.NEXT_PUBLIC_WP_URL,
  authCode: process.env.NEXT_PUBLIC_SJL_AUTH_CODE,
});

// In your login handler
const { data } = await client.auth.login({ email, password });
localStorage.setItem('jwt', data.jwt);

// In your API helper
const res = await fetch(`${wpUrl}/wp-json/wp/v2/posts`, {
  headers: { Authorization: localStorage.getItem('jwt') },
});

Integrate JWT authentication into a Vue 3 or Nuxt application. Use a Pinia store to hold the token and a composable to expose login/logout actions.

// stores/auth.js (Pinia)
import { defineStore } from 'pinia';
import SimpleJwtLogin from 'simple-jwt-login';

const client = new SimpleJwtLogin({
  siteUrl: import.meta.env.VITE_WP_URL,
  authCode: import.meta.env.VITE_SJL_AUTH_CODE,
});

export const useAuthStore = defineStore('auth', {
  state: () => ({ jwt: null }),
  actions: {
    async login(email, password) {
      const res = await client.auth.login({ email, password });
      this.jwt = res.data.jwt;
    },
  },
});

Use the client on the server side to validate tokens in Express middleware, script WordPress user creation in CI, or build a BFF that proxies authenticated WP API calls.

import SimpleJwtLogin from 'simple-jwt-login';

const client = new SimpleJwtLogin({
  siteUrl: process.env.WP_URL,
  authCode: process.env.SJL_AUTH_CODE,
});

// Express middleware
app.use(async (req, res, next) => {
  const jwt = req.headers.authorization;
  if (!jwt) return res.status(401).json({ error: 'Missing token' });

  const result = await client.auth.validateToken({ jwt });
  if (!result.success) return res.status(401).json({ error: 'Invalid token' });

  next();
});