Framework Guides

Step-by-step instructions for integrating SuuSri into your favorite web frameworks and languages.

react.snippet

import { useEffect } from 'react';

function SuuSriWidget() {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = "https://cdn.suusri.ai/widget.js";
    script.async = true;
    script.setAttribute('data-key', 'YOUR_API_KEY');
    document.body.appendChild(script);
    
    return () => document.body.removeChild(script);
  }, []);

  return null;
}

Best Practices

Use dynamic scripts in React/Next for better hydration.
Always place keys in environment variables (.env).
Use the verification API for server-side security checks.