Question du test Next.js

Vous avez une route avec App Router pour enregistrer automatiquement un parrainage par nom d'utilisateur lorsqu'un utilisateur accède à WeLoveDevs pour la première fois avec un lien d'invitation. Comment enregistrer le parrain côté serveur ?

'// app/welcome/page.js'

import { ServerComponentProps } from 'next/app';

export default function WelcomePage({ searchParams }: ServerComponentProps) {

  const referrer = searchParams.get('ref');

  if (referrer) {

        // Comment l'enregistrer ici pour le cas où un parrain est renseigné ?

  }

  return (
    <div>
      {referrer ? (
        <p>Votre parrain est : {referrer}</p>
      ) : (
        <p>Aucun parrain n'a été identifié.</p>
      )}
      
    </div>
  );
}

import { saveRefferal } from './actions.ts'

 const saveReferralWithId = saveRefferal(referrer)

  useEffect(() => {
    if (referrer) {
      fetch('https://welovedevs.com/api/savereferral', {
        method: 'POST',
        headers: {
          ...
        },
        body: JSON.stringify({ referrer }),
      })
      .then(...)
      .catch(...);
    }
  }, [referrer]);