Next.js 14 Server Actions | Everything you need to know!

[@janmarshalcoding]

Quick FYI, supabase changed a few things in regard to their core infrastructure (supervisor). To make the connection with prisma and supabase work, please follow the following guide: supabase.com/partners/integrations/prisma

[@adarshrathi8265]

you are excellent buddy , love from india

[@2pacrapempire866]

This is amazing, thanks man.

[@njihiamark6926]

Thank you Marshal!

[@arshah246]

That's really great you haave summorized many new concepts of next js. I think it would be great if you add somee info about disabling the button while saving/updating thee data. Although really really great conceptual video especially using a server component inside child component and it doesn't cause hydration

[@joakuvideo]

disable={pending}

[@afebriansyah805]

amazing explain

[@debrauwermichael2366]

Great video, but my problem is when I export the functions from "actions.ts", my "/better" page gives me this error: Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".

[@zunnoorainrafi5985]

Hi Marshal,
is there anything like server actions in Remixjs?
Which you think is better in Server Components between Remixjs and Nextjs?
Waiting for your kind reply...

[@janmarshalcoding]

Hi,
In Next.js you have server actions, in remix you have actions. The difference is that you can call server action from the component level, while in remix you call them from the route level.
There is no better in nextjs or remix. Use what you like and feels more natural.

[@zunnoorainrafi5985]

@@janmarshalcoding OK, thanks.

[@prashlovessamosa]

Thanks for sharing quite useful.

[@horacinis]

How can I set the formData to an empty string after creating a new todo?

[@mdfaran7150]

One hack is to use key.

[@Aejkv]

What is your theme please ?

[@janmarshalcoding]

Aura Theme

[@mdazimbabu5001]

Is server actions possible with separate backend ?

[@majidraimi]

Yes it is

[@adenugbamicheal2140]

I'm enjoying this... more content boss

[@janmarshalcoding]

Next week, something special 🤫🤫🤫

[@arshah246]

​@@janmarshalcodinge commerce app with AI chatboy will be the best because will cover all the modern chalanges and would be great for us

[@sksabbirhossain2686]

😍😍😍😍😍😍😍😍🥰🥰🥰🥰🥰🥰🥰🥰

[@galaxian9393]

404 error in your GitHub repo

[@janmarshalcoding]

fixed

[@araz911]

You spent 1h on explaining almost nothing

[@janmarshalcoding]

You're welcome 😉

[@joakuvideo]

I loved the explanation, thanks!@@janmarshalcoding

[@noormuhammad888]

what are you talking about? He has explained server actions better than many others did.

[@arshah246]

i am facing an issue while updating my todo. in my case i am using another file todo/[id]/page.ts for updating my todo here the problem begings. i get the id of todo using params. and send the id to form using input type=hidden method. again i catch the id const todoid=formdata.get('id') as string and pass this id to prisma for updating it shows me error. because i am converting the id as string.

[@janmarshalcoding]

what exactly is the error?

[@arshah246]

@@janmarshalcoding sir i have resolved the error the error was in my params. when i console log the params i find out that id is inside the params object and i was only using params.id that is why it was showing me null value or undefined then i used params.params.id it show me the id of the todo. thanks for your time.

[@janmarshalcoding]

Cool, if you destructure the params you could also just do params.id, so in that sense ({params}: {params: {id: string}}).