استخدام Next.js للواجه الامامية وLaravel 10 للخلفية

ياهلا انا عندي كم سؤال واتمنى حلها 

انا قاعد اشتغل على مشروع يعتمد على Next.js v14.1 للواجهه الامامية (Frontend)

والBackend هو Laravel 10

انا بكل اختصار ابرمج Laravel 10 بشكل اساسي ولكن ماتعمقت من ناحية الAPI وماقد اشتغلت فيه والأن انا ابي اسوي مشروع يعتمد على Next.js للواجهه الامامية وواجهتني مشكلة ماعرفت اسويها

- كيف يمديني اسوي نظام تسجيل دخول مع طبقات حماية 

وهذا الكود الي توصلت فيه الى الأن 

  const signUp = async (
    name: string,
    email: string,
    phone: string,
    password: string,
  ) => {
    try {
      const response = await axios.post("/register", {
        name,
        email,
        phone,
        password,
      });
      localStorage.setItem("token", response.data.token);
      setUser(response.data.user);
      notify("success", "تم أنشاء الحساب بنجاح");
    } catch (error: any) {
      throw error;
    }
  };

بشكل أخر انا ابي ارسل access Token بأستخدام JWT عشان اتحقق ولكن ماعرفت له الى الان صارت تظهرلي مشاكل (بسبب عدم معرفتي تثبيته وكيف استخدامه)

وابي في حال دخل صفحات تحتاج طلب بيانات ابيه يرسل التوكن معه عشان يتاكد انه مسجل دخول وبياناته صحيحه 

اذا فيه اي مقالة سواءً انقليزي او عربي اتمنى ترسلوها 

لو فيه كم مثال اقدر اقراه عشان اعرفله