JWT Auth Approach in Next.js

signIn+signOff.md

Sign In

import defaultPage from "../../hocs/defaultPage"
import { show } from "../../utils/lock";

class SignIn extends React.Component {
  componentDidMount() {
    show()
  }
  
  render() {
    return <div></div>
  }
}

export default defaultPage(SignIn)

Sign Off

import React from "react"
import { unsetToken } from "../../utils/auth";
import { logout } from "../../utils/lock";

export default class SignOff extends React.Component {
  componentDidMount() {
    unsetToken();
    logout();
  }
  render() {
    return null
  }
}