Akismet Anti-Spam Alternative for Next.js & Astro

// Honeypot implementation
export function ContactForm() {
  const [honeypot, setHoneypot] = useState('');
  
  const onSubmit = async (data) => {
    // Reject if honeypot is filled
    if (honeypot) {
      console.log('Bot detected');
      return;
    }
    // Process legitimate submission
    await submitForm(data);
  };
  
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      {/* Hidden honeypot field */}
      <input
        type="text"
        name="website"
        value={honeypot}
        onChange={(e) => setHoneypot(e.target.value)}
        style={{ display: 'none' }}
        tabIndex={-1}
        autoComplete="off"
      />
      {/* Real form fields */}
      <input {...register('email')} />
      <button type="submit">Submit</button>
    </form>
  );
}