Passwords Are So 2019

// In your login component
const handleMagicLogin = async (email) => {
  const result = await api.post('/auth/magic-link', {
    email,
    redirect_url: window.location.origin + '/dashboard'
  });
  
  showMessage("Check your email for a magic link!");
};

// Our SDK handles link validation automatically
import { MagicLinkHandler } from '@23blocks/auth-sdk';

// In your app startup
MagicLinkHandler.setup({
  onSuccess: (user) => {
    // User is logged in, redirect to app
    navigate('/dashboard');
  },
  onError: (error) => {
    // Handle expired/invalid links
    showError("Link expired. Please try again.");
  }
});

// Advanced magic link options
const customLink = await auth.createMagicLink({
  email: user.email,
  template: "custom-login-email",
  metadata: {
    login_source: "mobile_app",
    feature_access: "premium"
  },
  restrictions: {
    device_type: "mobile",
    max_uses: 1,
    expires_in: "10m"
  }
});