Thomas Sankara
Thomas Sankara
  • 428
  • 717 943
Full Stack Events App with Convex and Kinde Auth | Part 6 | Header and Navigation | TsbSankara
#tsbsankara
In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication.
Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips
Subscribe here: bit.ly/3qsAsNC
GitHub Repo: github.com/sankthomas/convex-events-app
Live Website: tsbsankara-events.vercel.app
My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdqf to purchase your copy today!
Buy my products: tsbsankara.gumroad.com
Join my discord server: discord.gg/TDr42sFD8g
Follow me on Twitch for livestreams and AMA sessions: twitch.tv/tsbsankara
Follow me on Twitter: TSBSankara
Follow me on Instagram: tsbsankara
Subscribe to my TH-cam channel: bit.ly/3qsAsNC
Support the channel: streamlabs.com/tsbsankara1/tip
มุมมอง: 74

วีดีโอ

Full Stack Events App with Convex and Kinde Auth | Part 5 | Route Groups and Layout | TsbSankara
มุมมอง 2819 ชั่วโมงที่ผ่านมา
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals...
Full Stack Events App with Convex and Kinde Auth | Part 4 | Setup Convex and Custom 404 | TsbSankara
มุมมอง 36วันที่ผ่านมา
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals...
Full Stack Events App with Convex and Kinde Auth | Part 3 | Homepage and Setup Kinde | TsbSankara
มุมมอง 74วันที่ผ่านมา
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Full Stack Events App with Convex and Kinde Auth | Part 2 | App Setup | TsbSankara
มุมมอง 39วันที่ผ่านมา
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Full Stack Events App with Convex and Kinde Auth | Part 1 | App Demo | TsbSankara
มุมมอง 6514 วันที่ผ่านมา
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Product List with Shopping Cart | TsbSankara | Frontend Mentor Challenge
มุมมอง 248หลายเดือนก่อน
#tsbsankara #tutorial #frontendmentor Subscribe here: bit.ly/3qsAsNC In this video, we are going to build a shopping cart in NextJs using ShadCN and the Context API. GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdqf to purchase your copy today! Buy my products: tsbsankara.gumroad.com Join my discord serve...
The useCallback Hook | TsbSankara
มุมมอง 822 หลายเดือนก่อน
This is a video from my latest 20 ReactJs Projects course. Check out the full course here: udemy.com/tsbsankara-twenty-reactjs-projects Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdq...
The useMemo Hook | TsbSankara
มุมมอง 202 หลายเดือนก่อน
This is a video from my latest 20 ReactJs Projects course. Check out the full course here: udemy.com/tsbsankara-twenty-reactjs-projects Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdq...
The Context API | TsbSankara
มุมมอง 682 หลายเดือนก่อน
This is a video from my latest 20 ReactJs Projects course. Check out the full course here: udemy.com/tsbsankara-twenty-reactjs-projects Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdq...
The useRef Hook | TsbSankara
มุมมอง 502 หลายเดือนก่อน
The useRef Hook | TsbSankara
How to Create Custom Hooks in React | TsbSankara
มุมมอง 532 หลายเดือนก่อน
How to Create Custom Hooks in React | TsbSankara
The useEffect Hook | TsbSankara
มุมมอง 703 หลายเดือนก่อน
The useEffect Hook | TsbSankara
The useState Hook | TsbSankara
มุมมอง 303 หลายเดือนก่อน
The useState Hook | TsbSankara
Pokemon Web App | TsbSankara
มุมมอง 904 หลายเดือนก่อน
Pokemon Web App | TsbSankara
Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara
มุมมอง 2295 หลายเดือนก่อน
Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara
FULL VIDEO - Let's Build a Book Finder App in NextJs using The New York Times API | TsbSankara
มุมมอง 1905 หลายเดือนก่อน
FULL VIDEO - Let's Build a Book Finder App in NextJs using The New York Times API | TsbSankara
PART 4 - Dynamic Routing and Deploy to GitHub and Vercel | TsbSankara
มุมมอง 935 หลายเดือนก่อน
PART 4 - Dynamic Routing and Deploy to GitHub and Vercel | TsbSankara
PART 3 - Homepage Data Fetching and Design | TsbSankara
มุมมอง 305 หลายเดือนก่อน
PART 3 - Homepage Data Fetching and Design | TsbSankara
PART 2 - App Setup - Book Finder App in NextJs | TsbSankara
มุมมอง 495 หลายเดือนก่อน
PART 2 - App Setup - Book Finder App in NextJs | TsbSankara
*NEW PROJECT* - Let's Build a Book Finder App in NextJs using The New York Times API - PART 1
มุมมอง 1265 หลายเดือนก่อน
*NEW PROJECT* - Let's Build a Book Finder App in NextJs using The New York Times API - PART 1
FULL VIDEO - Let's Build an Event Booking Web App In NextJs and TailwindCSS | TsbSankara
มุมมอง 1.1K6 หลายเดือนก่อน
FULL VIDEO - Let's Build an Event Booking Web App In NextJs and TailwindCSS | TsbSankara
PART 6 - Booked Events Page | TSBSankara
มุมมอง 396 หลายเดือนก่อน
PART 6 - Booked Events Page | TSBSankara
PART 5 - Homepage Design | TSBSankara
มุมมอง 496 หลายเดือนก่อน
PART 5 - Homepage Design | TSBSankara
PART 4 - Form Submit Function | TSBSankara
มุมมอง 356 หลายเดือนก่อน
PART 4 - Form Submit Function | TSBSankara
PART 3 - Add New Event Page | TSBSankara
มุมมอง 466 หลายเดือนก่อน
PART 3 - Add New Event Page | TSBSankara
PART 2 - Header Component | TSBSankara
มุมมอง 756 หลายเดือนก่อน
PART 2 - Header Component | TSBSankara
PART 1 - DEMO - Let's Build an Event Booking Application in NextJs and TailwindCSS | TSBSankara
มุมมอง 2786 หลายเดือนก่อน
PART 1 - DEMO - Let's Build an Event Booking Application in NextJs and TailwindCSS | TSBSankara
Let's Build a Contact Form With Validation Using Formik and Yup | TsbSankara
มุมมอง 3636 หลายเดือนก่อน
Let's Build a Contact Form With Validation Using Formik and Yup | TsbSankara
Let's Build a Vanilla JavaScript Slider #tsbsankara
มุมมอง 1827 หลายเดือนก่อน
Let's Build a Vanilla JavaScript Slider #tsbsankara

ความคิดเห็น

  • @TarrenceLaurel
    @TarrenceLaurel 6 วันที่ผ่านมา

    You're doing a fantastic job! A bit off-topic, but I wanted to ask: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?

  • @AtilanoRubina
    @AtilanoRubina 6 วันที่ผ่านมา

    You're doing a fantastic job! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?

  • @MichelSusanna
    @MichelSusanna 6 วันที่ผ่านมา

    I really appreciate your efforts! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?

  • @FritzDalila
    @FritzDalila 6 วันที่ผ่านมา

    Appreciate the detailed breakdown! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). How should I go about transferring them to Binance?

  • @eduardotakeshivoltarelisuz6935
    @eduardotakeshivoltarelisuz6935 12 วันที่ผ่านมา

    23:13 27:33

  • @SuriyaGSK
    @SuriyaGSK 14 วันที่ผ่านมา

    So useful This lesson , Thank you ❤

    • @tsbsankara
      @tsbsankara 14 วันที่ผ่านมา

      Nice. That's great to hear 😃. You're welcome

  • @noveltysbloger
    @noveltysbloger 14 วันที่ผ่านมา

    give me source code please

  • @amrshlomr
    @amrshlomr 14 วันที่ผ่านมา

    excellent video

    • @tsbsankara
      @tsbsankara 14 วันที่ผ่านมา

      Thank you

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

    Thank you so much. I am learning a lot from your videos.

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

      Thank you. That's great to hear 😊

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

    Well done brother , iam almost finished with this one !

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

      Nice 👍

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

    👌🏻👌🏻

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

      👍👍

  • @AnshaIfteqar-c5o
    @AnshaIfteqar-c5o หลายเดือนก่อน

    Hi Sir we need more videos like this...I mean projects tutorials using these three HTML, CSS and Javascript as well in advance level. Pease it will be a great help..thankyou

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

      Will do more of them

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

    thank you, it's helpful to build my creatiivity . i am form india☺.

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

      Wonderful!

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

    Nice tutorial, Kudos 👍

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

      Thank you 👍

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

    I just noticed that the thumbnail shows the wrong link to the GitHub repository. My apologies. The correct link is github.com/sankthomas/nextjs-product-list-with-cart It's possible for me to change the thumbnail but then that would make this comment obsolete so I'm not going to change it. Plus, the correct link shows in the first 2 seconds o the video so you'll be fine 😁

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

    I love you 😀

  • @Michael.Sandoval33
    @Michael.Sandoval33 หลายเดือนก่อน

    I am almost done with my AA in software development at CIAT and I did not even know where to begin with this challenge. Quite sad that these bootcamps are such failures and really just gave us the answers for every assignment. The only thing I really learned is that I am an efficient problem solver and can always find an answer to the solution (I.E. watching your video). Without dragging on too much longer, any advice for the future of trying to become a front end developer?

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

    I'm very much a beginner at Javascript, so this exercise really stumped me. I'm so grateful that you made this video!! Super helpful, and I learned a lot of cool information that I didn't know before! I'm confident I can do the next JS exercise on my own, now, thanks to you! :)

    • @tsbsankara
      @tsbsankara 15 วันที่ผ่านมา

      Nice 👍. That's wonderful to hear!

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

    Thanks for sharing.

  • @VictorTemitope-p6u
    @VictorTemitope-p6u 2 หลายเดือนก่อน

    We reaching out to discuss an exciting business proposition regarding your Udemy course. Our aim is to enhance the visibility of your course, increase sales, expand your student audience, and cultivate positive reviews. We are eager to explore potential collaboration opportunities with you to achieve these objectives. Looking forward to the possibility of working together.

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

    Bring part 6

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

    @tsbsankara Hello, Coach We are the YAGI Team and recently reviewed your Udemy course. Your content shows great potential for sales with the right strategies in place. Given Udemy’s competitive nature, standing out often requires high enrollments and positive reviews. We’d love to discuss how we can help enhance your course's visibility and success. Looking forward to your thoughts! Best regards, YAGI Team"

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

    very insightful thank you for this.

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

      Glad it was helpful!

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

    hey , good demo but , i think you overcomplicated the process

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

      Thanks...which part so that I can do it better next time?

  • @manarbaz-mn8oc
    @manarbaz-mn8oc 3 หลายเดือนก่อน

    Is this solutions usin jguery??

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

      No. Just NextJs and date-fns

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

    I really love your enthusiasm on the event booking system... could you also make you review on my booking app?

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

      Sure. Share it with me

  • @NiteshKumar-eo2qc
    @NiteshKumar-eo2qc 3 หลายเดือนก่อน

    How to use ScrolltoTop in <createReactBrowser/> with children paths

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

    THIS is nice. Short, sweet, to the point and using some of the most powerful tools out there: Leaflet and NASA APIs.

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

    Please provide the Frontend Mentor Challange video which you have been uploaded 2 years ago but when we fetch the URL it doesn't work :( project name "Shortening URL"

  • @OluwoleOdodo-iq4cp
    @OluwoleOdodo-iq4cp 3 หลายเดือนก่อน

    GET ACTIVE REAL CONVERSATIONAL STUDENTS ON YOUR UDEMY COURSE TO GET YOUR COURSE TO THE NEXT LEVE

  • @DavidLopez-eg6it
    @DavidLopez-eg6it 3 หลายเดือนก่อน

    Great video, specially the JavaScript part. So many videos only with background music but no voiced explanation. You got a new sub. I do have a question. Can the JS events be inside a global function instead of separate block of code for each one?

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

      Yes, but I don't recommend that because it will just slow down the execution of your application

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

      Thanks for the sub. I'm glad you liked the video 😊

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

    thanks for the video, but i didnt understand a lot of things.

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

      Sorry about that...like what for instance?

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

    when i write git add assets that happen fatal: pathspec 'assets' did not match any files

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

      That probably means that you're trying to add files but you're in a different path than them. So navigate into the correct folder first and then try again

  • @S.P-t3f
    @S.P-t3f 4 หลายเดือนก่อน

    Hello, please I do not understand how to open the application back in Frontend mentor to see how it looks so far. Can you please help here ?

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

      Simply open the project on Frontend mentor and then click on "Submit Solution" and follow the steps. When complete, it will give you a preview of your project against their design.

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

    sir I am getting an error in demo url can you explain me pls.The output page is the demo url

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

      What error are you getting?

  • @DevChris-v6o
    @DevChris-v6o 4 หลายเดือนก่อน

    Super great video, thanks man.. really helpful

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

      That's so nice to hear. I'm glad you liked it!

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

    sir , kaise pata chalega ki style-guide me exact color kaun sa hai ?

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

      Getting the correct colors is sometimes just a case of trial and error...other times, you can just look at the design and from the color names you can tell which is which... But yeah, most of the time, it's just trial and error to test whether the color matches.

  • @AnshaIfteqar-c5o
    @AnshaIfteqar-c5o 4 หลายเดือนก่อน

    in project 6 we can add padding to h2, p and ul tags in css at media screen of 768 instead of using margin in the article text.

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

      Yeah, true. Nice catch

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

    You made me smile when you were trying to figure out how to display the list items....it shows how authentic your videos are .....Thank you

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

      That's so nice to hear

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

    (?=(?:[^@]+@[^@]+))[a-zA-Z0-9._%+-]{1,64}(?<!\.)@(?!.*@)(?=(?:[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}))(?<!-)[a-zA-Z0-9.-]{1,255}(?<!\.-)(?=\.[a-zA-Z]{2,})(?<=@[^-][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,})(?<=@.{2,255})(?<!\.) They call this job security… but in truth I just chose violence

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

    Hey, I got an error that says client.fetch is not a function, can you please help me resolve this, it would mean a lot for me thank you.

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

    thank u so000 much

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

      You are veeerrry welcome

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

    hi, thanks forr videos. i'd like to know smth about you. how old are you? are you working in some IT company?

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

      You're welcome 26 Not an IT company

  • @Noob-uk4np
    @Noob-uk4np 5 หลายเดือนก่อน

    Brother you are bad at details you forget to color the bullets and make them smaller. Nutrition table to you didn't color them. Nutrition table is not optimised for big screen.

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

      It's to help you learn not to be solely dependent on tutorials as they are not truly exhaustive...they are helpful, but you should be able to do things yourself without 100% dependency on tutorials. And also, leaving mistakes in videos helps new developers understand that it's okay to make mistakes when learning.

    • @Noob-uk4np
      @Noob-uk4np 5 หลายเดือนก่อน

      @@tsbsankara Stop making excuses bro. I was watching this to get the better solution for those bullets. But you blatantly ignored them.

    • @Noob-uk4np
      @Noob-uk4np 5 หลายเดือนก่อน

      @@tsbsankara What if someone wants to learn how to color and resize those bullets points.

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

      @@Noob-uk4np in that case, I'm on the wrong and I apologize

    • @Noob-uk4np
      @Noob-uk4np 5 หลายเดือนก่อน

      @@tsbsankara No need for apologizing. I learned a lot from your video 😉 I organized my HTML5 and CSS file again after learning it from your video.

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

    This is awesome stuff Thomas, thank you a ton. Cheers.

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

    I tried to upload my project but i can't see the comparator this return error do yo know what is the problem?

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

      Could you send a screenshot on Discord, linked in the description, or in my Twitter DM, @TsbSankara?

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

    Hi, thanks it works, but how to disable that for some links, like i mean to disable scroll to top, cause I have categories under which displayed products, so when I click it goes upwards when needs to stay on the same position

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

      I think this has been addressed in the latest version of React Router Dom, because they introduced a dedicated component called <ScrollRestoration /> Check it out in their docs

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

    Source code??

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

      Check video description