Single panel sign-in page template with centered layout
SignInPageContent component'i, kullanıcı girişi için hazır bir sayfa şablonudur. Tek kolonda form ve logo içerir, merkezi hizalama ile minimal ve temiz bir tasarıma sahiptir. Mobil cihazlarda full-width, desktop'ta ise maksimum genişlik sınırlı card layout kullanır.
import { AuthKitProvider, SignInPageContent } from '@hascanb/arf-ui-kit/auth-kit'
export default function SignInPage() {
const authConfig = {
signIn: async (credentials) => {
const response = await fetch('/api/auth/signin', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(credentials)
})
return response.json()
},
routes: {
afterSignIn: '/dashboard'
},
ui: {
showRememberMe: true,
showSocialLogin: true
}
}
return (
<AuthKitProvider config={authConfig}>
<SignInPageContent />
</AuthKitProvider>
)
}| Property | Type | Required | Description |
|---|---|---|---|
| signIn | Function | Yes | API handler for sign in request |
| routes.afterSignIn | string | No | Redirect URL after successful sign in (default: '/') |
| routes.forgotPassword | string | No | Forgot password page URL |
| ui.showRememberMe | boolean | No | Show "Remember Me" checkbox (default: true) |
| ui.showSocialLogin | boolean | No | Show social login buttons (default: true) |
| ui.allowUsernameLogin | boolean | No | Allow username instead of email (default: false) |
| ui.brandLogo | string | No | Brand logo URL |
| ui.brandName | string | No | Application name |
| locale | 'tr' | 'en' | No | Interface language (default: 'tr') |