Learn Next.js 13.4 Server Actions in 24 minutes (For beginners)

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

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

  • @hmaina0
    @hmaina0 Год назад

    Sonny, Sonny, Sonny, what a man you are. You help people get jobs and also help them keep those jobs. Thanks for the great content.

  • @PattySpicy
    @PattySpicy Год назад +9

    Again.... Sonny has always breaking something complicate to small pieces
    and train us to think along side with his lessons - tutorials and give us some example so we can code better ourself later.
    Thanks Sonny ! Please Don't stop doing this 🔥🔥

  • @renatomignogna6895
    @renatomignogna6895 9 месяцев назад +1

    Awesome explanation Sonny, straight to the point - and covers all the things I needed to know, much appreciated

  • @AnindoSarker
    @AnindoSarker Год назад +2

    Ohh my goodness this tutorial is soooo good
    I literally changed my whole career after I started watching your tutorial. Thank you 🙏

  • @developerpranav
    @developerpranav Год назад +16

    Server actions are really cool, and so are your tutorials. Would love to see one for optimistic updates!

    • @sudeshryan8707
      @sudeshryan8707 Год назад +3

      Wt is cool here? Wt problem does it solve?
      Its apparently Just a over complicated way to achieve the same thing

    • @DigitalAlchemyst
      @DigitalAlchemyst Год назад +3

      ​@sudeshryan8707 it's all about the way it renders and speed and efficiency, you should pay attention to the video

  • @bhavikshah5869
    @bhavikshah5869 Год назад +5

    Learning server actions from your video was so much easier than diving into the docs. Thanks Sonny! Looking forward to the caching and optimistic update videos!

    • @SonnySangha
      @SonnySangha  Год назад +1

      I’m Glad it was helpful!💯💪🏽

  • @pranayprajapati5275
    @pranayprajapati5275 Год назад

    Nextjs just keeps getting better. Thanks sonny for keeping up with the pace.

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

    Thank you very much. I was struggling with the data refetch concept. and even though I have no knowledge in typescript you explained it very well. Thanks again

  • @tunaralyarzada
    @tunaralyarzada Год назад +2

    Very huge Thank you, man! That's literally the tutorial that i has been looking for! For next tutorials, I would ask you to make a video about "Caching" in details (Both CDN and Client-side caching) in Next js 13 💥

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

    This is the best tutorial so far on server actions

  • @kyle-andrewgovinder9902
    @kyle-andrewgovinder9902 Год назад

    Left field comment, I know, but Sonny is such a catch. Brilliant, handsome, charismatic. You were heavily favored when your specs were being drawn up

  • @karendoran3692
    @karendoran3692 Год назад

    One of the best explanations on a coding topic I have ever heard!!

  • @marioskanellopoulos8780
    @marioskanellopoulos8780 Год назад +1

    Pretty useful and explanatory video as alwasy Sonny. You never let us down man. Papafam is the best choice I've ever made!!! Sending tons of love at your side my friend

    • @SonnySangha
      @SonnySangha  Год назад +1

      Thank you Mario I appreciate you!!!

  • @hyper_channel
    @hyper_channel Год назад

    Good video mate, coming from traditional Next, app router did bring a few new flows, quite handy.

  • @waggadash
    @waggadash Год назад

    I am stunned ... so much value! Thanks a lot Sonny

  • @sumitttpaul
    @sumitttpaul Год назад +4

    Sir can you please explain about sharing data and state between server components and client components

  • @dainsleif3122
    @dainsleif3122 Год назад

    Thank you so much for explaining useTransition hook!! I didn't even know about it. That is so useful!! amazing.

  • @jeffmlb256
    @jeffmlb256 Год назад

    Sonny never disappoints ! I don't even know how to rate this level of skills

  • @pk5388
    @pk5388 Год назад

    you video is great sonny! i'm just start learning nextjs and your video helping me a lot keep going brooo

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

    Thank you sir for clear explanation 🙌

  • @தினேஷ்-சேலம்

    u r doing awesome job bro!! we are excited to learn more advanced features in Nextjs 🤩

  • @uixmat
    @uixmat Год назад

    Love your tutorials mate, so well articulated and structured. Absolute gem 💎

  • @gowthamk5969
    @gowthamk5969 Год назад

    Thanks man . Very informative difficult to find videos on latest releases of next js & also mockup api is so cool 🥺

  • @buzz.r.lightyear
    @buzz.r.lightyear Год назад

    Super. That is exactly what I was looking for!

  • @jacquitratongamanahaja979
    @jacquitratongamanahaja979 Год назад

    This is an epic bro, I really love your explanation as well as the way you present it. Thank you so much.

  • @CodingWithTaaxo
    @CodingWithTaaxo Год назад

    I'm really glad I watched this video

  • @AdhamKhalifa-h2p
    @AdhamKhalifa-h2p Год назад

    Very good explaining thanks so much for this

  • @fatihcan5890
    @fatihcan5890 Год назад

    Best tutor evaa bro thanks a lot !!

  • @salahiddinediouri280
    @salahiddinediouri280 Год назад

    this is a really cool tuto about a cool feature ( server actions ) , thank you for share it

  • @EK-rp8jp
    @EK-rp8jp Год назад

    Omg best server action tutorial 🎉

  • @dalestewart
    @dalestewart Год назад

    Server actions are very beneficial. It would be great to see a video on optimistic updates.

  • @NOTHING-en2ue
    @NOTHING-en2ue Год назад

    i finally understand this, very great tutorial, thanks a lot ❤

  • @failasuf950
    @failasuf950 Год назад +1

    totally liked it. make video how to delate data plz

  • @IvoTsochev
    @IvoTsochev Год назад

    Thanks for the video Sonny!

  • @sicario55
    @sicario55 Год назад

    Well explained.....thorough, untangling what's in alpha shows skills 💯

  • @vikasni95
    @vikasni95 Год назад

    Thank you for this wonderful content 😊

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

    We would love a tutorial on useOptimistic hook.

  • @MrElio74
    @MrElio74 Год назад

    Thanks for doing your videos. Appreciate it

  • @oliver1231033
    @oliver1231033 Год назад +1

    looking forward to useOptmistic and state management with server action (maybe compared to useEffect

    • @SonnySangha
      @SonnySangha  Год назад

      Awesome Il create a vid on it🔥

  • @imslaint
    @imslaint Год назад

    thanks for the tutor man, this is cool

  • @umargulzar2982
    @umargulzar2982 Год назад

    Nice video totally liked it.
    Please create a full video on Next.Js any clone..

  • @souravmehta5143
    @souravmehta5143 Год назад

    Oh bro! Was just waiting n finding this

  • @Tkamsker
    @Tkamsker Год назад

    You are a great teacher thank you

  • @tomspatula616
    @tomspatula616 8 месяцев назад

    Great video !! thanks a lot

  • @chineducornelius6076
    @chineducornelius6076 Год назад

    Nice one Sonny, thanks 👍

  • @Ashish-_-
    @Ashish-_- 10 месяцев назад

    Neat explanation!

  • @dainsleif3122
    @dainsleif3122 Год назад

    Next.js got even faster.. 13.5.2 ❤

  • @LêQuốcVương-c3y
    @LêQuốcVương-c3y 10 месяцев назад

    You save me lots of time

  • @___ruthless
    @___ruthless Год назад

    Sonny you are a g mate

  • @blazi_0
    @blazi_0 Год назад

    Very very well done tutorial love it ❤

  • @learnearn8721
    @learnearn8721 Год назад

    please put a video on optimistic update video. thanks in advance

  • @programmingwithnit5308
    @programmingwithnit5308 Год назад

    Thank you brother

  • @deddyprianto3979
    @deddyprianto3979 Год назад

    you are hero Sony thankyou ❤

  • @datamagaldadze1134
    @datamagaldadze1134 Год назад

    can you make videos about dynamic routes? api routes?

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

    great vid as always.
    Can someone please explain whats the difference between revalidate tag and fetching the API again? both are same on paper. Thanks

  • @fear0ne
    @fear0ne Год назад

    Hi Sonny, this is a great explanation of the new server functionality, can you tell me where would i need to add this revalidateTage when am using Prisma for database interactions?

  • @ahmedabdelgawad2684
    @ahmedabdelgawad2684 Год назад

    Good vid, Thanks

  • @latch909
    @latch909 Год назад +4

    Next automatically imports the types globally if you rename 'typings.d.ts' to 'types.d.ts' so you don't have to declare type imports on each file

  • @ConorChepenik
    @ConorChepenik Год назад

    Great video

  • @beastnighttv
    @beastnighttv Год назад

    amazing stuff!

  • @davidkilamlya7630
    @davidkilamlya7630 Год назад

    Hello Sonny, can you prepare the NextJs 13.4 full course

  • @Nicolas0325
    @Nicolas0325 Год назад

    Thx sonny!

  • @crim-son
    @crim-son Год назад

    How do we make success feedbacks, and error messages when things go wrong?... Thanks for the tutorial ❤

  • @czancdy144
    @czancdy144 Год назад

    please make a video on optimistic updates

  • @masterv2.045
    @masterv2.045 Год назад

    you fucking rock master keep it up

  • @nicocouss7849
    @nicocouss7849 Год назад

    Top thx a lot!

  • @andreyokhrimenko2271
    @andreyokhrimenko2271 Год назад +1

    Maybe in a soon feature this become game changer! Thanks a lot. In your implementation server actions - how we can clear form after submitting? I try to ask chatGPT but only one they to do it - convert form to 'use client' Isn`t it?

    • @PATILTANMAYVIJAY
      @PATILTANMAYVIJAY Год назад

      I have Same doubt, After submitting i want to redirect to next page. How can we achieve this?

    • @andreyokhrimenko2271
      @andreyokhrimenko2271 Год назад

      I think just use useRouter from "next/navigation" google to got example @@PATILTANMAYVIJAY

  • @nimanjagligovic2339
    @nimanjagligovic2339 Год назад

    Wooo let's GO ❤

  • @alexg7282
    @alexg7282 Год назад

    Thx !

  • @sharurocky8379
    @sharurocky8379 Год назад

    Very useful video ❤
    Can u make a redux toolkit with nextjs 13.4 videoo.....

  • @JohnnySalami-jo4jh
    @JohnnySalami-jo4jh Год назад

    It's definitely going to take some getting used to...could there be any potential pitfalls to not attaching state to the input fields and avoiding JS?

  • @noeldolan518
    @noeldolan518 11 месяцев назад

    Great video. :). BTW what tools are you using to sketch UI @ 7:38?

  • @parkerrex
    @parkerrex Год назад

    bro perfect timing :-)

  • @sharjilkhan7933
    @sharjilkhan7933 Год назад

    @sonny, are you using github copilot? Can you please make a video on that about your experience of using it?

  • @tauqeerhusain7521
    @tauqeerhusain7521 Год назад

    Biggggg love you sir ❤❤❤❤❤❤❣❣❣❣❣

  • @elmirshidev
    @elmirshidev Год назад +1

    Nice❤

  • @electricindro2236
    @electricindro2236 Год назад

    Please explain how useOptimistic hook works as well. Thanks for this tutorial.

  • @NeoCoding
    @NeoCoding Год назад

    that's important things you teach ths

  • @didheemose
    @didheemose Год назад

    This video make to me to subscribe your channel ❤

  • @alexandremezeray1502
    @alexandremezeray1502 Год назад

    You're great! thank you! you've gained a subscriber ;)
    I've got a little question. Do you think it would be possible to add new cards, for example, by listening to a kafka topic? I know there's a kafkajs library. I've managed to consume the data from a topic but I don't know how to add an element to my page based on the new kafka messages :/
    I thought the use server could do the job but I don't see how. Do you have an idea?

  • @lakshaymanchanda2322
    @lakshaymanchanda2322 8 месяцев назад

    crazy!

  • @piyushkapoor5195
    @piyushkapoor5195 Год назад

    @Sonny a liitle doubt - are server actions secure like can i use api keys and credentials while fetching

  • @aguud
    @aguud 11 месяцев назад

    nice video

  • @appstuff6565
    @appstuff6565 Год назад

    note to self: @21:30 docs nextjs for different formactions even buttons can use?

  • @anowarulhassan5117
    @anowarulhassan5117 Год назад

    Hello, I got stucked to implement google adsense to my newly released nextjs 13.4(App Router) project. I tried most of the tutorials which I found on google search and youtube search and didnot found any solutions to implement google adsense. I tried many npm packages also but they didnot worked for me. Please, make a complete video tutorial on how we can implement google adsense on Nextjs 13.4(app router) without losing SSR.

  • @CoderSineNomine
    @CoderSineNomine Год назад

    Hi Sonny, great video as always. A question for you, is it a bad practice to fetch api on client components and convert them to async? still getting used to server-client logic of next js and i have big dilemma! thx..

  • @marcogomesrd
    @marcogomesrd Год назад

    can you make an app using DDD in the front-end side?

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

    Hey Sonny, what is the repo name of the above tutorial.

  • @aminjafarlou8919
    @aminjafarlou8919 Год назад

    Sonny thanks so much for the amazing content ♥. I had a question about NextJS13 and did not have any luck finding a satisfying answer on the net. How can we benefit from server side rendering features when we are using a UI library like Mantine or AntD? The problem that I have is that these libraries need a provider to wrap the entire app. However, if we do this all of our content should be inside client-side pages and we simply cannot use server-side for any page. How can we handle this issue?

  • @ajaysh73
    @ajaysh73 Год назад

    Can someone tell the extension that was suggested code most likely predictive that was used while coding? Thanks..

  • @guled669
    @guled669 Год назад

    How do you clear the input, how to handle validations

  • @appstuff6565
    @appstuff6565 Год назад

    hey sunny thanks for this! I wanted to ask how can we do a onclick on the added products so it leads us to their respective urls? Im using nextjs with supabase. Thanks!

  • @prafullb4652
    @prafullb4652 9 месяцев назад

    is server actions always expect formData.? Can it be passed directly without converting to formData.? @Sonny Sangha

  • @ayushshende4290
    @ayushshende4290 Год назад

    I am new to NextJs and I am confused about the distinction between server actions and route handlers. When should we use which one?

  • @mathiasriissorensen6994
    @mathiasriissorensen6994 Год назад

    I’m really curious how this would work with Prisma? Especially with the tags. I’m currently using Prisma to update my database at PlanetScale.

  • @sarma_sarma
    @sarma_sarma Год назад

    @sonnySanga wait for you cache video

  • @selvakumarforyou
    @selvakumarforyou Год назад

    hey bro, small doubt how to add canonical tag for every url in next js 13

  • @mohammadmoaid5282
    @mohammadmoaid5282 Год назад

    what about if we have a file input field in the form, how to handle it?

  • @Techcabz-wh6he
    @Techcabz-wh6he Год назад

    What if I have mongodb? I still need to create 'api/product ' to handle my POST request right?

  • @weichen3994
    @weichen3994 Год назад

    In what sernario does progressvie enhancement actually be needed? Don't really understand this part.