Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind, Neon

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

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

  • @WebDevSimplified
    @WebDevSimplified  Месяц назад +4

    Try Clerk: go.clerk.com/dx6FNrG
    Try Neon: fyi.neon.tech/wds1

  • @Aerotk
    @Aerotk 11 дней назад +2

    Completed this tutorial with almost hands on everything in 3 days ofcourse with breaks and also coded some stuff that you have copy and pasted to save the time. Just want to thank you as it is my second project in NextJs and the first was also yours few months ago.
    Secondly: for me, its a bit complex project because I don't know much about zod, postgres and the logic and I was quite skeptical about schedule and meeting part of the project. But, I will try to learn the smaller utilities you have used and will try to revisit this project and watch it again to understand the scheduling and meeting portion of the project.
    And last but not the least thank you. I have learned a lot much newer libraries and integration of google calendar, clerk and neon database and specially that converting time to string for comparison was a genius logic. I will definitely remember it.

    • @RishabhSinghCodes
      @RishabhSinghCodes 6 дней назад

      Did you get any error for Object.groupBy while developing?

  • @larrythethird4816
    @larrythethird4816 16 дней назад

    You're amazing kyle! I learn so much from you since I start my web project from ExpressJS and now I learn NextJS & React.

  • @onlylovelyvibes4467
    @onlylovelyvibes4467 18 дней назад +1

    you are such a beast in coding !

  • @emanuelmilani7976
    @emanuelmilani7976 18 дней назад +3

    A nuxt/vue version can be a great new video to do ❤

  • @MysticZA
    @MysticZA 10 дней назад

    Awesome video, great Next JS, ShadCN, server actions and more best practices!

  • @singe7260
    @singe7260 19 дней назад +15

    I think you've confused import “use-server” with import “server-only”.

    • @WebDevSimplified
      @WebDevSimplified  18 дней назад +7

      Whoops. My brain must have been a bit tired while writing that.

  • @designerjehovah4453
    @designerjehovah4453 19 дней назад

    Awesome. I have a project that will need many of these features.I get to learn how!

  • @mukulrathi4246
    @mukulrathi4246 14 дней назад +1

    @kyle thanks man for the amazing project 😊

  • @javadbagheri9921
    @javadbagheri9921 19 дней назад

    Before watch I know this is a great video for me for learning new things ❤❤❤❤❤ thank you Kyle ❤❤❤❤❤

  • @ArinzechukwuGift
    @ArinzechukwuGift 19 дней назад

    Bro your videos are really helping 👍👍

  • @SoccerEdits.777
    @SoccerEdits.777 11 дней назад

    Hey Kyle!
    Thanks for this amazing course!! I might be late but I think you should try Cursor IDE which is similar to vscode!

  • @gbrachetta
    @gbrachetta 10 дней назад

    Very nice indeed! I wonder how tricky it would be to implement for the person booking to cancel the appointment and free the time slot for others to use.
    Also it would be amazing to be able to visually see what the planning looks like on a calendar. I’m thinking here more about booking a practice room in a music school for example.

    • @Tanner-cz4bd
      @Tanner-cz4bd 9 дней назад

      thats easy

    • @gbrachetta
      @gbrachetta 8 дней назад

      @@Tanner-cz4bd what a useless comment…

  • @cant_sleeeep
    @cant_sleeeep 19 дней назад +3

    CHAD TEACHES WEB DEV

  • @Tanner-cz4bd
    @Tanner-cz4bd 18 дней назад

    Wow I was building this but now you built it

  • @mundo00
    @mundo00 6 дней назад

    thanks for tutorial

  • @vanshvasishtha7082
    @vanshvasishtha7082 18 дней назад +3

    hey Kyle, instead of Clerk, we can do the same with next-auth (google provider) we will be generating the keys for the calendar, so that can be useful for google provider too ?

    • @maxlerman754
      @maxlerman754 18 дней назад

      I've had issues with clerk in the past so I rewrote my authentication using next-auth so I would highly recommend that yeah

    • @vanshvasishtha7082
      @vanshvasishtha7082 17 дней назад

      @@maxlerman754 Also did you deployed it ? if yes, then where ?

    • @maxlerman754
      @maxlerman754 17 дней назад

      @@vanshvasishtha7082 I have deployed it but it's for a client that paid me for the work to use it internally so I'm afraid I can't give you access :/

    • @vanshvasishtha7082
      @vanshvasishtha7082 17 дней назад

      @@maxlerman754 Bruh, I don't want access, I just want to know what tech stacks you used for deployment, AWS or Railway ?

    • @maxlerman754
      @maxlerman754 17 дней назад

      ​@@vanshvasishtha7082 my mistake, by "where" it sounded like you asked me for it's physical URL. I deployed using AWS

  • @taunado
    @taunado 2 дня назад

    Cool, thanks. Neon is super slow for non-US and non-EU countries? Failed the last time I tried it.

  • @noahr1545
    @noahr1545 19 дней назад

    Awesome video 😎
    Also when you do the example name I thought you were gonna do Rick Astley 😂

  • @alessandro_carta
    @alessandro_carta 17 дней назад

    Thanks you are the number 1!

  • @markus_dev_cwb
    @markus_dev_cwb 19 дней назад

    Awesome project!!! Tks to share Bro.

  • @Kevin-fl4rn
    @Kevin-fl4rn 16 дней назад

    curious if there is any reason you don't use strict equality?

  • @algorithmtrader
    @algorithmtrader 19 дней назад +1

    The goat

  • @yadneshkhode3091
    @yadneshkhode3091 18 дней назад

    Thank you ❤

  • @rumonintokyo
    @rumonintokyo 18 дней назад +3

    If Kyle decides to collab with WebDevCody… it will be legendary 🔥

    • @WebDevSimplified
      @WebDevSimplified  17 дней назад +1

      Web Dev Cody is a super cool guy. I interviewed him for one of my courses awhile back.

  • @genc_emekli
    @genc_emekli 8 дней назад

    Hi. Event link copy and stick to a browser gives an error: Error: Object.groupBy is not a function

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 18 дней назад

    Thanks ❤

  • @userj-s2000
    @userj-s2000 18 дней назад

    Congrats

  • @MarkTzyML
    @MarkTzyML 18 дней назад

    Hi kyle, can you implement OpenAI API to analyze pdf, images and other files using nodejs with gpt-4o model? Thankyou! 😊

  • @vanshvasishtha7082
    @vanshvasishtha7082 16 часов назад

    Error: Object.groupBy is not a function I am constantly getting this error, can anybody can help ? or facing the same issue ?

  • @yanDev
    @yanDev 18 дней назад

    hello!
    Thanks for this project!
    Could you then build an application that uses AI in an optimized way with Open AI or Gemini which is increasingly used.
    Thanks in advance!

  • @ECGFaultReporter
    @ECGFaultReporter 18 дней назад

    HI, Please am having trouble with my webapp ( Django with Supabase ). I cannot find any free smtp for email auth. It is my final year project work and i have to present it on October 4th, 2024. Please help me.

  • @CarsonHarp
    @CarsonHarp 15 дней назад

    Can you please turn off your IntelliSense next time you create a project like this? Its often difficult to see what you're writing. Thanks for the video, I greatly appreciate it!

  • @joaoarthurbandeira
    @joaoarthurbandeira 19 дней назад

    Hey Kylie, great video! I know that you already did a google docs clone with quilljs but can you maybe make a longer video of it with more details, showing us how to divide the quill instance by pages as well, download in word/pdf, websockets and also how to deploy it? Thanks!

  • @cant_sleeeep
    @cant_sleeeep 19 дней назад

    should i learn prisma or drizzle im confused now

    • @SirMeowMeow
      @SirMeowMeow 19 дней назад

      Prisma is quite mature but is a traditional ORM with all of its baggage. It also comes with Python compatibility, which is quite a differentiator. Drizzle DSL by comparison is very close to SQL & more performant in terms of often mapping to the query you expected, but it is also truly more immature.

    • @AvikNayak_
      @AvikNayak_ 18 дней назад +1

      i would say drizzle beacuse it's syntax closely resembles sql.

    • @vectorxdev
      @vectorxdev 17 дней назад

      Prisma is easy to learn but now every one uses drizzle

    • @cant_sleeeep
      @cant_sleeeep 17 дней назад +1

      @@vectorxdev you can use prisma directly but you have to set up some stuff before using drizzle amirite

  • @adiancuevasmartinez717
    @adiancuevasmartinez717 19 дней назад

    plis if you have some free time, can you do a video explain the csp configuration using next and shadcn

  • @sulectures2773
    @sulectures2773 19 дней назад

    👍🏻👍🏻👍🏻

  • @MrCloudTel
    @MrCloudTel 19 дней назад

    which browser are you using ? if chrome, how did you set up.

    • @shotbyjonny
      @shotbyjonny 19 дней назад +2

      It’s Arc Browser.

    • @sanjaux
      @sanjaux 19 дней назад +1

      It’s Arc, it’s really nice on Mac apparently but on Windows it’s missing a lot of features like custom keybinds so I haven’t used it in about 3 months

  • @sokoyaadedolapo5321
    @sokoyaadedolapo5321 19 дней назад +1

    @webDevSimplified can we make the calendar dynamic for different users. I'm building something similar to this, where we got stuck was the scheduling part and meeting link. We used a scheduler library for the main user creating events and zoom for meeting link.

    • @Tanner-cz4bd
      @Tanner-cz4bd 18 дней назад

      just make an endpoint or change the query

  • @mundo00
    @mundo00 6 дней назад +1

    groupby error replace with custom groupby
    const groupBy = (array: T[], key: (item: T) => string) =>
    array.reduce((result: Record, currentValue: T) => {
    const groupKey = key(currentValue);
    if (!result[groupKey]) {
    result[groupKey] = [];
    }
    result[groupKey].push(currentValue);
    return result;
    }, {});
    const groupedAvailabilities = groupBy(
    schedule.availabilities,
    a => a.dayOfWeek
    );

  • @prudhvib97
    @prudhvib97 16 дней назад

    comment

  • @РодионЧаускин
    @РодионЧаускин 17 дней назад

    Thomas Robert Allen Thomas Miller Margaret

  • @KochharAmandeep
    @KochharAmandeep 7 дней назад

    Clerk is only thing i dont like

  • @ezwtwrziehag1736
    @ezwtwrziehag1736 19 дней назад

    ur just copy pasting stuff

    • @cant_sleeeep
      @cant_sleeeep 19 дней назад

      lolzas

    • @2u841r
      @2u841r 19 дней назад +2

      From his own code, so time is not wasted.

  • @ezwtwrziehag1736
    @ezwtwrziehag1736 19 дней назад +2

    why you shake your head all the time unnecessarily lol

  • @psmontte
    @psmontte 16 дней назад

    Why do you chose to build such terrible applications?

    • @WebDevSimplified
      @WebDevSimplified  15 дней назад +1

      What about this application is terrible? What would be a better application to build?