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

preview_player
Показать описание


Resources used:

Timestamps
00:00 Intro
01:45 Installation
04:30 Prisma Setup
09:30 Create Server Actions
01:00:00 Deployment
  1. Jan Marshal
  2. nextjs 14 server actions
  3. nextjs 14 tutorial
  4. nextjs 14 server actions tutorial
  5. nextjs 14 typescript
  6. nextjs 14 reset form
Рекомендации по теме
Next.js Server Actions... 0:07:51

Next.js Server Actions... 5 awesome things you can do

Server Actions - 0:08:28

Server Actions - Next.js 14 Course Tutorial #23

Next.js Server Actions 0:28:07

Next.js Server Actions (revalidatePath, useFormStatus & useOptimistic)

How To Use 0:21:06

How To Use Next.js 14 Server Actions

Next.js 14 - 0:14:23

Next.js 14 - Server Actions TUTORIAL | Type Safety, Error Handling, Pending States

When to use 0:05:28

When to use server actions in Next JS 14

Using Forms in 0:10:27

Using Forms in Next.js (Server Actions, Revalidating Data)

The Problem with 0:09:45

The Problem with React Server Actions

Next.js 14 Server 1:05:18

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

The 3 REAL 0:12:11

The 3 REAL benefits of Next.js Server Actions

Next 14 + 0:09:49

Next 14 + React Query COMBO with Server Actions and RSC

useActionState - React's 0:17:18

useActionState - React's Latest Critical Hook (Next.js + Server Actions)

Build Modern Next 0:42:51

Build Modern Next 14 Server Side App with Server Actions, Infinite Scroll & Framer Motion Animat...

A guide to 0:31:51

A guide to using Next 14 (server actions, RSC, useFormState, useFormStatus)

Learn Next.js 13.4 0:24:45

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

Why I Don't 0:07:23

Why I Don't Use Next.js Server Actions to Fetch Client-Side Data

Next.js: Authentication (Best 0:12:14

Next.js: Authentication (Best Practices for Server Components, Actions, Middleware)

Actions with Next.js 0:05:07

Actions with Next.js 14 — Course part 20

Server Actions in 0:13:16

Server Actions in Next.js | Sigma Web Development Course - Tutorial #125

I Didn't Know 0:06:53

I Didn't Know Next.js Server Actions Could Do This!

Nextjs 14 Simple 0:16:09

Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle

Learn Next.js 14 6:19:23

Learn Next.js 14 Server Actions With This One Project (UseFormStatus, UseFormState, Error Handling)

NextJS 14 Server 0:21:37

NextJS 14 Server Action Controversy!

NEXT.JS 14: Server 1:13:29

NEXT.JS 14: Server Actions, React Server Components, Paginación y MÁS!

Комментарии
Автор

you are excellent buddy , love from india

adarshrathi
Автор

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

arshah
Автор

I'm enjoying this... more content boss

adenugbamicheal
Автор

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".
<form action={function} className=... children=...>

debrauwermichael
Автор

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...

zunnoorainrafi
Автор

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

horacinis
Автор

Is server actions possible with separate backend ?

mdazimbabu
Автор

You spent 1h on explaining almost nothing

araz
Автор

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.

arshah