Быстрый старт
Добавьте аутентификацию в ваше приложение за минуты
Добавьте провайдер
Оберните ваше приложение провайдером Blindgate:
// app/layout.tsx
import { BlindgateProvider } from '@blindgate/sdk/react'
export default function RootLayout({ children }) {
return (
<html>
<body>
<BlindgateProvider>
{children}
</BlindgateProvider>
</body>
</html>
)
}Добавьте кнопку входа
// components/auth-button.tsx
import { SignInButton, useAuth } from '@blindgate/sdk/react'
export function AuthButton() {
const { isSignedIn, user } = useAuth()
if (isSignedIn) {
return <span>Добро пожаловать, {user.email}</span>
}
return <SignInButton />
}Защитите маршруты
// middleware.ts
import { authMiddleware } from '@blindgate/sdk/nextjs'
export default authMiddleware({
publicRoutes: ['/', '/about'],
})Поздравляем! Ваше приложение теперь имеет аутентификацию.