JavaScript Unleashed
JavaScript Unleashed
  • 16
  • 72 550
Build a Voice Call App with ReactJS And Zegocloud's UIKits
Get 10000 free mins with UIKits: bit.ly/3U1kydw
Learn more about ZEGOCLOUD: bit.ly/4ezbHrA
How to build a voice call App: bit.ly/3XUDyvm
Build a Voice Call App with ReactJS And Zegocloud's UIKits. ZEGOCLOUD voice call SDK &API allows you to easily build your live video chat apps within minutes.
#zegocloud #voicecall #nextjs #sdk #api
Thanks for watching!
มุมมอง: 853

วีดีโอ

Protected routes in Nextjs 15 | Protect Routes with Middleware Nextjs
มุมมอง 1.5Kหลายเดือนก่อน
Protect your Next.js 15 routes with middleware. Learn how to create secure access controls and prevent unauthorized users from accessing sensitive content. Stay tuned for upcoming videos. 🚀 Let's craft something together! 🚀
Note Taking App using Next.js | Credentials Provider Auth.js | Server Actions
มุมมอง 1.6K2 หลายเดือนก่อน
In this video, we will build full stack note taking app using Next.js. You'll learn how to implement secure user authentication using Auth.js with the Credentials Provider. We'll also implement CRUD operations with Next.js Server Actions. ⏰ Chapters: 0:00 App Overview 1:10 Project Setup 2:00 Layout And Routing 14:05 Auth.js Credentials Provider 58:12 CRUD using Server Actions 2:09:40 Pagination...
Server Side Pagination in Next.js 14 | Pagination in Server Components
มุมมอง 4353 หลายเดือนก่อน
Learn how to implement server side pagination in Next js 14 server component. By the end of this tutorial, you'll have a fully functional pagination system integrated into your Next.js application. Stay tuned for upcoming videos. 🚀 Let's craft something extraordinary together! 🚀 #pagination #notetakingapp
Build a Video Call App in Next js14 using ZEGOCLOUD UIKits
มุมมอง 4614 หลายเดือนก่อน
In this video we will build a Video Call App in Next.js 14 using ZEGOCLOUD UIKits. 📲 Get 10,000 free minutes with UIKits: bit.ly/3L4s3ey 📘 Learn more about ZEGOCLOUD: bit.ly/3XDeuKI 🔧 100% customized video call SDK: bit.ly/45Lpgkf 📚 How to build a video call App: bit.ly/3XJpZ3o ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. #zegocloud #videoca...
CRUD using Server Actions in Next.js 14 | Note Taking App
มุมมอง 2.1K4 หลายเดือนก่อน
In this video, we'll implement CRUD operations using Server Actions in Next.js 14. This tutorial shows how to use Server Actions to create, read, update, and delete (CRUD). ⏰ Chapters: 0:00 Overview 0:40 Create 13:10 Read Basics 16:40 Read Advanced 38:00 Delete 48:10 Update Stay tuned for upcoming videos. 🚀 Let's craft something extraordinary together! 🚀
Note Taking App using Next.js 14 | Auth.js Credentials Provider
มุมมอง 2.3K5 หลายเดือนก่อน
In this video, we'll guide you through building a note-taking app using Next.js 14. Learn how to integrate the Auth.js Credentials Provider for secure user authentication. ⏰ Chapters: 0:00 Introduction and Overview 1:00 Setting Up the Next.js App 2:12 Understanding Routing Basics 4:30 Designing the App's Layout 12:00 Connecting to MongoDB Database 16:30 Implementing NextAuth 26:10 Adding Login ...
Note Taking App using Next.js 14 | App Overview | Coming Soon
มุมมอง 2296 หลายเดือนก่อน
Get ready for an epic journey as we kick off the series on building a Note-Taking App with the Next.js 14. Here's what we'll cover: ✔️ Routing ✔️ Next Auth v5 ✔️ Pagination ✔️ CURD with Server Actions and many more. Stay tuned for upcoming videos. 🚀 Let's craft something extraordinary together! 🚀
How to connect NextJS 14 App and MongoDB with Mongoose
มุมมอง 1K6 หลายเดือนก่อน
In this tutorial, you will learn how to seamlessly integrate MongoDB into your Next.js 14 application using Mongoose. Whether you're a beginner or an experienced developer, follow along as we walk you through each step of the process. From setting up your Next.js environment to establishing a robust connection to MongoDB using Mongoose, this video covers it all. By the end, you'll have the know...
The #1 Mistake Nextjs14 Developers Make | Misusing "use client"
มุมมอง 7027 หลายเดือนก่อน
In Next.js 14, developers often misuse the 'use client' directive, leading to common pitfalls in their applications. In this video, we'll dive deep into the proper use of the 'use client' directive in Next.js 14. Discover how to sidestep common pitfalls and optimize your application's performance to its fullest potential.
Next.js 14 Server Actions: Success and Error Handling with React-Hot-Toast
มุมมอง 1.2K9 หลายเดือนก่อน
Unlock the power of Next.js 14 server actions with seamless success and error handling using React-Hot-Toast! In this tutorial, dive into the intricacies of managing responses from your server actions, ensuring a flawless user experience. Elevate your development skills as we guide you through practical examples and tips for optimal integration. Join us on this journey to enhance your Next.js p...
Next.js 14 Authentication with NextAuth | NextAuth with Credentials
มุมมอง 38K11 หลายเดือนก่อน
Unlock the power of authentication in Next.js 14 with our comprehensive guide on implementing NextAuth for credentials-based authentication. Learn step-by-step how to secure your Next.js applications with the latest features, as we walk you through the seamless integration of NextAuth. Subscribe for more videos. Thanks for watching. #nextauth #nextjs14
Implement Pagination in Next.js 14 | Server-side Pagination in Next.js 14
มุมมอง 8Kปีที่แล้ว
Implement Pagination in Next.js 14 Throughout this tutorial, we'll cover the essential concepts and practical techniques for creating a seamless pagination system. You'll gain a thorough understanding of how pagination works in the context of Next.js 14 using server components. Thanks for watching #nextjs14
Todo App using Next.js 14 Server Actions
มุมมอง 9Kปีที่แล้ว
In this video, we will be building Todo App using Next.js 14 Server Actions. It is the one of the best feature of Next.js 14. Thanks for watching #serveractions #nextjs #nextjs14
How to Add Custom SVG Icons in Next.js
มุมมอง 4.5Kปีที่แล้ว
In this tutorial, you'll learn how to effortlessly add custom SVG icons to your Next.js projects without using npm package svgr/webpack. Thanks for watching.
Weather App using HTML CSS and JavaScript
มุมมอง 106ปีที่แล้ว
Weather App using HTML CSS and JavaScript

ความคิดเห็น

  • @ramakt1503
    @ramakt1503 2 วันที่ผ่านมา

    pls provide the github repo. Thank you!

  • @TrueRDX
    @TrueRDX 8 วันที่ผ่านมา

    bro, please provide your GitHub link or the code itself for logo and svg's

  • @TrueRDX
    @TrueRDX 10 วันที่ผ่านมา

    where's the GitHub link

  • @NIROB130
    @NIROB130 16 วันที่ผ่านมา

    Thank you so much for your valuable information about protected route ❤. This is a awesome and informative video 💯

  • @jonreylumayag9856
    @jonreylumayag9856 17 วันที่ผ่านมา

    The challenge in NextJs is during build time. I find it difficult for me to build it for deployment.

  • @pavelisel4127
    @pavelisel4127 26 วันที่ผ่านมา

    this is a good example of protected routes in a middleware. There's one downside on Nextjs Middleware and is that if you need to check other things there like using next-i18n-router package to handle translations then you need to choose one or the other. Would you create a video showing how to do something like that? How to use the same response? I could not find a way to make this work to be honest

  • @JavaScriptUnleashed
    @JavaScriptUnleashed 28 วันที่ผ่านมา

    📲 Get 10000 free mins with UKits: bit.ly/3U1kydw 📘 Learn more about ZEGOCLOUD: bit.ly/4ezbHrA 📚 How to build a voice call App: bit.ly/3XUDyvm

  • @saidmaroc8448
    @saidmaroc8448 หลายเดือนก่อน

    good work, bravo

  • @hardikupadhyay2178
    @hardikupadhyay2178 2 หลายเดือนก่อน

    can you provide github repo for this project?

  • @uPhanBa
    @uPhanBa 2 หลายเดือนก่อน

    next15 ?

  • @c_charlie
    @c_charlie 2 หลายเดือนก่อน

    Awesome tutorial! I'm asking my self why don't you used TS. I'm starting as a developer and always saw people talking about TS. There's some kind of advantage not using it? Thank you!

    • @JavaScriptUnleashed
      @JavaScriptUnleashed 2 หลายเดือนก่อน

      TS is ideal for large-scale projects, but this tutorial is for beginners, so I kept it simple by not using TS.

  • @yash-c7l5b
    @yash-c7l5b 2 หลายเดือนก่อน

    Can you provide the source code for it? A GitHub repository or a Google Drive link would work. Also, how are you applying CSS styling to the tags? From what i can see this is not module.css way as you are not even importing module.css file to components

  • @alexdin1565
    @alexdin1565 2 หลายเดือนก่อน

    woow thats amazing please can you make a video about Auth.js login using facebook?

  • @hendisantika
    @hendisantika 3 หลายเดือนก่อน

    Very informative video. Pls post the source code. Thanks

  • @UsmanKhan-oi8er
    @UsmanKhan-oi8er 3 หลายเดือนก่อน

    imagine writing css in 2024

  • @lixiangshiziyou
    @lixiangshiziyou 3 หลายเดือนก่อน

    Why use javascript instead of typescript?

  • @atishkumarsahu6095
    @atishkumarsahu6095 3 หลายเดือนก่อน

    bro code ka github link nahi hai kya? hai to please mention kijiye bro

  • @mohammedzakir8012
    @mohammedzakir8012 3 หลายเดือนก่อน

    Very informative video. Pls post the source code. Thanks

  • @JavaScriptUnleashed
    @JavaScriptUnleashed 4 หลายเดือนก่อน

    📲 Get 10,000 free minutes with UIKits: bit.ly/3L4s3ey 📘 Learn more about ZEGOCLOUD: bit.ly/3XDeuKI 🔧 100% customized video call SDK: bit.ly/45Lpgkf 📚 How to build a video call App: bit.ly/3XJpZ3o

  • @teiteiwisdom6635
    @teiteiwisdom6635 4 หลายเดือนก่อน

    Short,precise and straight to the point nice ome

  • @kaushalgharat3574
    @kaushalgharat3574 4 หลายเดือนก่อน

    i am encountering an error. after adding todo the ui is not getting changed. the data is getting added in the mongoDB tho. can you please help me??

  • @vectorxdev
    @vectorxdev 4 หลายเดือนก่อน

    Nice vid♥️

  • @AhmadOwais-jx2lq
    @AhmadOwais-jx2lq 4 หลายเดือนก่อน

    Do you have a git repo of this ?

  • @mikhacavin
    @mikhacavin 5 หลายเดือนก่อน

    have you ever try to deploy it on vercel? cause auth.js is sucks. my page become 404

  • @Akas766
    @Akas766 5 หลายเดือนก่อน

    excellent. From Bangladesh.

  • @rahulvishwakarma5332
    @rahulvishwakarma5332 5 หลายเดือนก่อน

    Awesome best video on next auth credentials

  • @AyushGupta-jk1gi
    @AyushGupta-jk1gi 6 หลายเดือนก่อน

    Can you please provide the code?

  • @callmeadil910
    @callmeadil910 6 หลายเดือนก่อน

    sir kindly tell me which vscode theme you can use??

  • @manojbadiger2324
    @manojbadiger2324 7 หลายเดือนก่อน

    Hi bro Can you sell me this channel ready to pay

  • @manojbadiger2324
    @manojbadiger2324 7 หลายเดือนก่อน

    Hi bro Can you sell me this channel ready to pay

  • @deshraj-tiwari
    @deshraj-tiwari 7 หลายเดือนก่อน

    Nice thumbnail

  • @outlawzrv3053
    @outlawzrv3053 7 หลายเดือนก่อน

    Use Js extensions not need to define use client or use server

  • @cas818028
    @cas818028 7 หลายเดือนก่อน

    You could also turn that delete into a server action

    • @JavaScriptUnleashed
      @JavaScriptUnleashed 7 หลายเดือนก่อน

      Yeah, but the user wouldn't be able to get feedback when the button is clicked. That's why we have use server action for delete functionality and to implement react-hot-toast we have to make it client component.

  • @sohachauhan1911
    @sohachauhan1911 7 หลายเดือนก่อน

    Thanks you so much. This tutorial was exactly what i wanted. Can you also provide a tutorial on authentication with google provider? Also how to implement the my profile page.

  • @thrifterspoint1002
    @thrifterspoint1002 7 หลายเดือนก่อน

    token verification missing

  • @xiaoguabushigua
    @xiaoguabushigua 7 หลายเดือนก่อน

    middleware.js file should be in src path!!! (next-auth@4.24.7)

  • @DebmalyaMazumdar
    @DebmalyaMazumdar 7 หลายเดือนก่อน

    its nice i can now revise concepts in a10 minutes thankss

  • @sagarkashyap3397
    @sagarkashyap3397 7 หลายเดือนก่อน

    Where i can get the GitHub code

  • @saurabhu6458
    @saurabhu6458 7 หลายเดือนก่อน

    Thanks 👌

  • @Olamide-ny6wp
    @Olamide-ny6wp 8 หลายเดือนก่อน

    Dude you help alot i will keep your channel, you do what most experice user were unable to do the JWT and Cllack hlpes

  • @GSCoder
    @GSCoder 8 หลายเดือนก่อน

    Source code

  • @MD.RIAJULISLAM-o9p
    @MD.RIAJULISLAM-o9p 8 หลายเดือนก่อน

    Easy guide but please provide logout and email, username showing system in profile

  • @nithishar2781
    @nithishar2781 9 หลายเดือนก่อน

    Thank you so much it was very helpful, such a great video

  • @vitech_solution
    @vitech_solution 9 หลายเดือนก่อน

    can I get the GitHub repo?

  • @sumonchandrapaul9922
    @sumonchandrapaul9922 9 หลายเดือนก่อน

    tnx a lot

  • @Foused87
    @Foused87 9 หลายเดือนก่อน

    Github link

  • @ShamimSarker-lj5mo
    @ShamimSarker-lj5mo 9 หลายเดือนก่อน

    How do I get the session data?

  • @ikidon-cc
    @ikidon-cc 9 หลายเดือนก่อน

    Nice! <3

  • @1illustration56
    @1illustration56 9 หลายเดือนก่อน

    Its all good but how do i get the session data.

  • @qkdrk262
    @qkdrk262 9 หลายเดือนก่อน

    goat!