Build a Notification System in Next.js with Knock

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 33

  • @colbyfayock
    @colbyfayock  5 месяцев назад

    Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

  • @ammarhalees6370
    @ammarhalees6370 7 месяцев назад +6

    Colby still remains one of the most underrated channels in the dev community.

  • @JamesQQuick
    @JamesQQuick 7 месяцев назад +2

    Ah this is exactly what I need for a recent project!

    • @colbyfayock
      @colbyfayock  7 месяцев назад

      its so good! would love to hear what you think if you play around with it

  • @okadz7037
    @okadz7037 6 месяцев назад

    Omg bro u r always saving me, the cloudinary one and now this, keep up ur legendary 👑

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      glad i could help! 🙌

  • @mileslegend
    @mileslegend 4 месяца назад

    well explained...thanks man ..am giving you a like ..and a subscribe ...your amazing

    • @colbyfayock
      @colbyfayock  4 месяца назад

      appreciate the support 🙏

  • @colbyfayock
    @colbyfayock  7 месяцев назад +1

    Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

  • @abusomwansantos4945
    @abusomwansantos4945 5 месяцев назад

    can i implement knock notification in my pwa?

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      hey i dont see why you couldnt implement but Knock needs the networks to receive notifications. if you're referring to browser push notifications, i dont believe they support that

  • @BrianEspinoza
    @BrianEspinoza 5 месяцев назад

    is anyone else having issues seeing notifications after deploying to Vercel or some hosted environment? this works when I test locally with ngrok but nothing in prod.
    user is registering fine with Clerk and Knock but no notification ever appears.

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      hey did you check the logs inside of Knock to see if the API request is even making it through? Workflows => Choose your Workflow => Logs

    • @BrianEspinoza
      @BrianEspinoza 5 месяцев назад

      @@colbyfayock i did! Workflows showed message was making it through but never read. Did some more digging, found I had a conflicting env variable in production. That resolved the issue

  • @derekcarday
    @derekcarday 4 месяца назад

    why use knock instead of FCM?

  • @NphiniT
    @NphiniT 5 месяцев назад

    In-app notification not working for me. I am using Auth.js (NextAuth v5) and all users have an ID in the database. But when I set the recipient to the ID it still does not work. On the Workflow runs though, it says it is completed. I've been at it for hours. Any help will be greatly appreciated

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      did you happen to check the Logs page inside of Knock? not just the Workflow Runs, it may give a bit more information to see if that was triggered

    • @NphiniT
      @NphiniT 5 месяцев назад

      @@colbyfayock The logs also show 200 OK response.
      In my implementation, the 'collection' field is required. So I pass the same value as the 'id'. Do you think this is why I'm having issues? If so, how do I set up collections?

    • @NphiniT
      @NphiniT 5 месяцев назад

      @@colbyfayock So I have found the problem. The recipient collection value is prepended to the recipient ID. So when collection is set to 'abc', and the id is 'xyz'. After execution, the id becomes 'abc/xyz'. Then I found that the collection is only required if the email is provided. So I removed the email.
      This meant that I have to register every user whenever they log in.
      I think the current version has a few changes that are different from when you made this video.

    • @colbyfayock
      @colbyfayock  5 месяцев назад +1

      @@NphiniT ahhh okay. glad you were able to find and sort it out

  • @rtorcato
    @rtorcato 7 месяцев назад

    any idea what library they are using for the workflow branching and drag and drop?

    • @jeffeverhart
      @jeffeverhart 7 месяцев назад +3

      Hey from Knock, it's a combo of libraries: react-flow, dagre for graph modeling, and dnd-kit

    • @rtorcato
      @rtorcato 7 месяцев назад

      @@jeffeverhart great thanks. Nice app btw

  • @cb73
    @cb73 7 месяцев назад +1

    There’s a SaaS for every thing a web app needs. It’s like cutting cable and replacing it with 20 streaming services and still think you’re winning.

    • @colbyfayock
      @colbyfayock  7 месяцев назад +1

      It's nice to have that flexibility! Especially with something as complex as these workflows can bd

    • @dreamsachiever212
      @dreamsachiever212 7 месяцев назад

      💯

  • @kyngcytro
    @kyngcytro 4 месяца назад

    Ok is it me or does knock seem close to novu?

    • @colbyfayock
      @colbyfayock  4 месяца назад

      havent heard of that one!

    • @deanime-k4i
      @deanime-k4i 4 месяца назад

      novu is an opensource alternative to knock, suprsend and engagespot

  • @santyas
    @santyas 7 месяцев назад

    Superb