nextjs_auth_login.jsx

// login.jsx
import React, { Component } from "react";

import cookie from 'js-cookie'
import Router from 'next/router'


export default class Login extends Component {


  login = () => {
    cookie.set('status', "logged", { expires: 1 })
    Router.push('/profile')

  };


  render() {
   

    return (
      <div>
        Click to log in
        <button onClick={this.login}>Login</button>
      </div>
    );
  }
}

nextjs_auth_profile.jsx

import React, { Component } from "react";

import cookie from 'js-cookie'
import Router from 'next/router'
import nextCookie from 'next-cookies'


export default class Profile extends Component {

  
static async getInitialProps(ctx) {
    const { status } = nextCookie(ctx)
    console.log(status)

    if (ctx.req && !status) {
        ctx.res.writeHead(302, { Location: '/login' })
        ctx.res.end()
        return
    }

    return {status}
}  
    

  logout = () => {
    cookie.remove("status");
    Router.push('/login')

  };

  render() {
    return (
      <div>
      Welcome deny
      <button onClick={this.logout}>Logout</button>
    </div>
    );
  }
}

import React, { Component } from "react";

import cookie from "js-cookie";
import Router from "next/router";
import nextCookie from "next-cookies";

class Profile extends Component {


  render() {
    return (
      <div>
        Welcome deny
        <button onClick={this.props.logout}>Logout</button>
      </div>
    );
  }
}

const withAuthSync = WrappedComponent => {
  return class withAuthSync extends Component {
    static async getInitialProps(ctx) {
      const { status } = nextCookie(ctx);
      console.log(status);

      if (ctx.req && !status) {
        ctx.res.writeHead(302, { Location: "/login" });
        ctx.res.end();
        return;
      }

      return { status };
    }

    logout = () => {
      cookie.remove("status");
      Router.push("/login");
    };

    render() {
      return <WrappedComponent logout={this.logout} />;
    }
  };
};



export default withAuthSync(Profile)