Next JS

Integrating ezto verify's Web SDK into your Next.js project is efficient and requires minimal setup. Follow these steps to include the necessary resources and initiate verification within your Next.js application.

Implement the SDK in Component

Set up your Next.js component to use the ezto verify SDK:

javascript

import { useEffect } from 'react';

const YourComponent = () => {

  useEffect(() => {
    // Optionally, add initialization code here
  }, []);

  const handleClick = async () => {
    const metadata = {
        request: {/* request body of transaction */}
    }; 
    const cnfg = {
        api: "{{base_url}}/auth/realms/api/ezto_web_push/{{appId}}/{{workspaceName}}/register"
    };
    
    const callback = (response) => {
      console.log('Response:', response);
      // Handle the response here
    };
    
    const ezVerifier = new window.eztoverify();
    ezVerifier.request(metadata, cnfg, callback);
  };

  return (
    <button onClick={handleClick}>Start verification</button>
  );
};

export default YourComponent;