Next.jsにDB追加してVercelで公開してみた② - Qiita

⑦ログイン機能追加 ヘッダーにLoginボタンを追加 components/Header.tsxを下記のよう変更して下さい。 components/Header.tsxコードをクリックして全て表示 // Header.tsx import React from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { signOut, useSession } from 'next-auth/react'; const Header: React.FC = () => { const router = useRouter(); const isActive: (pathname: string) => boolean = (pathname) => router.path