Vercel(Next.js) × Supabaseでプライベートな家計簿アプリを作ってみる

$ npx create-next-app --typescript --use-yarn household_expense

import type { NextFetchEvent, NextRequest } from 'next/server'
import { NextResponse } from 'next/server'

import { supabase } from 'lib/supabase-client'

export function middleware(req: NextRequest, _: NextFetchEvent) {
  const user = supabase.auth.user()
  
  if (user) {
    // NOTE: ユーザが取得できている
    console.info(user)
    if (req.page.name !== '/signin') return
    else return NextResponse.redirect('/')
  } else {
    console.info('no auth')
    if (req.page.name === '/signin') return
    else return NextResponse.redirect('signin')
  }
}