google auth on nextjs

// /index.tsx (login page)
const withAuthProvider = async () => {
  const { error } = await supabase.auth.signIn({ provider: 'google' })
  if (error) return setToast({ text: error.message, type: 'error' })
  router.push('/u/dashboard')
}

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { user } = await getUser(context)
  if (user) return { props: {}, redirect: { destination: '/u/dashboard', permanent: false } }
  return { props: {} }
}

// /index.tsx (login page)
const withAuthProvider = async () => {
  const { error } = await supabase.auth.signIn({ provider: 'google' })
  if (error) return setToast({ text: error.message, type: 'error' })
  router.push('/u/dashboard')
}

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { user } = await getUser(context)
  if (user) return { props: {}, redirect: { destination: '/u/dashboard', permanent: false } }
  return { props: {} }
}

// /u/dashboard.tsx (protected page)
export const getServerSideProps: GetServerSideProps = withPageAuth({
  redirectTo: '/',
  async getServerSideProps(context) {
    const { user } = await getUser(context)
    return { props: { user } }
  },
})

// /u/dashboard.tsx (protected page)
export const getServerSideProps: GetServerSideProps = withPageAuth({
  redirectTo: '/',
  async getServerSideProps(context) {
    const { user } = await getUser(context)
    return { props: { user } }
  },
})