Тёмный

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

developedbyed
Подписаться 930 тыс.
Просмотров 28 тыс.
50% 1

Getting close to finishing the Next 14 Course, stay tuned for the update.
developedbyed.com/
Resources ⛏️
nextjs.org/docs/app/building-...
github.com/TheEdoRan/next-saf...
🛴 Follow me on:
Twitter: / developedbyed
Github: github.com/developedbyed/
Dope tracks 🔥
Shofel - Balcony chll.to/8d7e18be
#react #nextjs

Наука

Опубликовано:

 

14 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@TheEdoRan
@TheEdoRan 5 месяцев назад
Thank you so much Ed for featuring next-safe-action! Very glad you find it useful.
@developedbyed
@developedbyed 5 месяцев назад
Let me know if you want me to make a demo for optimistic updates as well 👍👍
@Logicmontana
@Logicmontana 5 месяцев назад
AM YOUR BIGGEST FUN , THANK YOU GUIDANCE IN MY WEBDEV JOURNEY
@willystain9870
@willystain9870 5 месяцев назад
please show us the way
@sureshmutluru4532
@sureshmutluru4532 5 месяцев назад
Yes please
@poizonncs8264
@poizonncs8264 5 месяцев назад
Yes yes yes
@alexandersanchez9242
@alexandersanchez9242 5 месяцев назад
Yes
@Logicmontana
@Logicmontana 5 месяцев назад
Hey there ED That's fantastic news! I'm really happy to hear that you found this project helpful. It's always a good idea to have server actions that prioritize type safety and error handling. I must say, the demonstrations you shared are really informative and highlight some key aspects of server actions. It's great to see that Next.js 14 is bringing in some handy features to manage loading, errors, and success. Thank you so much for sharing this valuable information!
@Logicmontana
@Logicmontana 5 месяцев назад
@marvinkr
@marvinkr 5 месяцев назад
Glad to see you back! Saw you switch from tRPC to Server Actions in your repo. Is it due to the "experimental" stage of tRPC with server side calls?
@sK4hsCz
@sK4hsCz 5 месяцев назад
thank you very much ed! :) you explained it so well, now i'm getting this rocked. thanks
@developedbyed
@developedbyed 5 месяцев назад
Rock on!
@atifali3485
@atifali3485 5 месяцев назад
waiting for the course!!
@mihirkhode8289
@mihirkhode8289 5 месяцев назад
thanks, for introducing new packages. 👍
@BeepBoop2221
@BeepBoop2221 5 месяцев назад
I hope you are well Ed
@sudoalex
@sudoalex 5 месяцев назад
Welcome back Ed!
@mdsafikulislam9113
@mdsafikulislam9113 5 месяцев назад
Please make a full playlist of NextJS 14~!
@doriandoussain1528
@doriandoussain1528 2 месяца назад
Give it a shot work for heroine too, that's a double, nice shot
@dummymail2495
@dummymail2495 5 месяцев назад
When will your next14 course be published?❤
@massinskendoul9640
@massinskendoul9640 5 месяцев назад
Amazing thank u Deved
@developedbyed
@developedbyed 5 месяцев назад
yeah no worries! always around 👍
@massinskendoul9640
@massinskendoul9640 5 месяцев назад
​@@developedbyed and we are always here to see what you bring us, in Deved we trust. 😁
@mhraihan7422
@mhraihan7422 5 месяцев назад
great one
@neeshsamsi
@neeshsamsi 5 месяцев назад
I've really been struggling with the prettier endlessly loading 11:08. Have you found a fix. I pruned unnecessary extensions and other things thinking there was too many extensions but it still happens often.
@quoclam7140
@quoclam7140 5 месяцев назад
Can you make a video of how to do shadcn without typescript and nextjs?
@eca8799
@eca8799 2 месяца назад
hello one question about min 6:15 , in my app the values look like this: type Ingredient = { name: string; purchasePrice: Prisma.Decimal; } and I'm having an error ("Only plain objects can be passed to Server Functions"), so I have to to do addIngredient(JSON.stringify(values)) in the onSubmit. and in the definition of the action, undo by doing JSON.parse(ingredientData). how would you deal with that without any additional package?
@marvelousadesina4673
@marvelousadesina4673 5 месяцев назад
HE'S BAAACK!!!!!
@Dhanushsaji
@Dhanushsaji 5 месяцев назад
What's the benefit using server actions over API?
@XeKT0r
@XeKT0r 5 месяцев назад
AWSEMOE !!
@tnnz9920
@tnnz9920 4 месяца назад
Sir is possible to fetch API from external in server action? I always got status code 303 even its succesed
@JohnBuildWebsites
@JohnBuildWebsites 4 месяца назад
Any idea why I might keep getting a fetch error when using `next-safe-action` saying "TypeError: Cannot redefine property: $$id". Works fine doing a raw db.insert without next-safe-action
@Zaromir
@Zaromir 4 месяца назад
My body is still ready
@midlajj
@midlajj 5 месяцев назад
Can you please provide the source code of last product adding form shown in this video...?
@adarshdalvi9772
@adarshdalvi9772 5 месяцев назад
I'm new to nextjs, consider me dumb. Even we don't write 'use server' on top of the file , it automatically becomes a server thing? like we only need to decalre 'use client' if it's a client component, otherwise it's a server thing by default?
@rodneypaul9430
@rodneypaul9430 5 месяцев назад
yes next js components are server components by default use the 'use server' when writing server actions not components server actions are just like functions which interact with the db directly without apis
@Adrian_Galilea
@Adrian_Galilea 5 месяцев назад
Can you drop the repo? :)
@ShanakaDushyantha
@ShanakaDushyantha 2 месяца назад
Hey I got a challange for you, (Actually I faced the same & no anyware to go 😭 😂), Need to build a login & perform Remember me using access Token & Refresh Token which is provided by third-party backend server Use: Next Js (App directory: latest) Next-Auth
@rastikrastikk2289
@rastikrastikk2289 4 месяца назад
Make a lot next js project
@skorotkiewicz
@skorotkiewicz 5 месяцев назад
You need to start using Prisma for database with postgres.
@developedbyed
@developedbyed 5 месяцев назад
Prefer drizzle over prisma 😊
@dahliasan
@dahliasan 5 месяцев назад
what is the difference between this method vs using react query?
@dwin9983
@dwin9983 5 месяцев назад
react query is used for apis and next-safe actions is used for server actions, they pretty much work the same though
@s3nTer
@s3nTer 5 месяцев назад
​@@dwin9983web dev field is a mess, glad I moved away from it. Those mf keep reinventing wheel over and over again 😅
@brienaustinclayton
@brienaustinclayton 5 месяцев назад
Server actions are more advantageous right ?​@@dwin9983
@Logicmontana
@Logicmontana 5 месяцев назад
SECIND ONE HERE
@user-wy7mu3kx1h
@user-wy7mu3kx1h 4 месяца назад
Where is the code links?
@RhanaldiDennis
@RhanaldiDennis 5 месяцев назад
can you sponser me two 8gb ddr4 ram vscode can keep up
@user-xu3lj1ej8d
@user-xu3lj1ej8d 3 месяца назад
WOW
@sohamdebnathpopo
@sohamdebnathpopo 3 месяца назад
so many packages. would prefer long(er) lines of code rather than using lots of packages. IMO.
@theDanielJLewis
@theDanielJLewis 5 месяцев назад
Can someone please vacuum his mic pop filter? 🤣
@Gyurmatag
@Gyurmatag 5 месяцев назад
Source code?
@rhodler
@rhodler Месяц назад
8:35
@devoxygen7395
@devoxygen7395 5 месяцев назад
@shahidullahmuffakir668
@shahidullahmuffakir668 5 месяцев назад
Can i watch it without getting drunk?
@poizonncs8264
@poizonncs8264 5 месяцев назад
Man you are being lazy, people are waiting for your videos, including me 😅
@BeepBoop2221
@BeepBoop2221 5 месяцев назад
I hope you are well Ed
Далее
Next.js in 60 Seconds!
1:00
Просмотров 24 тыс.
Eddie Hall VS Neffati Brothers
00:11
Просмотров 1,7 млн
This React Drag and Drop Component Is Magic
9:56
Просмотров 75 тыс.
Next.js Server Actions...  5 awesome things you can do
7:51
React + Servers = Confusion
20:30
Просмотров 40 тыс.
React Server Components Change Everything
15:48
Просмотров 189 тыс.
When to use server actions in Next JS 14
5:28
Просмотров 7 тыс.
AI от Apple - ОБЪЯСНЯЕМ
24:19
Просмотров 114 тыс.
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00
Девушка и AirPods Max 😳
0:59
Просмотров 16 тыс.