NextJS APIs vs Server Actions

In this video, I cover a simple example of how to use Server Actions instead of Next.js APIs, along with sharing my personal opinions on them.
Follow me on Twitter: / rasmickyy
Join my Discord: / discord
Sponsor a video: www.passionfro...

[@vjzb3]

Solid video, thanks man! I’m new to Next.js so this was super helpful. Subscribed!

[@rasmic]

Thanks for subscribing. Means a lot!

[@ankitrai96]

Welcome to coding 101 by The Weekend.

[@rasmic]

😂

[@vinaciotm]

keep making videos about next. Thanks 🇧🇷

[@rasmic]

More to come!

[@exodia_hosni]

i know it's a stupid question but what's a webhook api what's the difference between webhook and normal apis like rest api i don't really get it

[@rasmic]

I'd watch videos on it so u can full understand my g

[@ShiNoBiize]

Hey Ras, I would like to know how you use server actions with a regular button (not in form) which fire a get/post function onClick :) for example you have an invitation page with a token and you can accept or decile the invitation, so you have 2 buttons "accept" and "deny" and these bottuns execute a server action function which writes to the DB the decision.

[@rasmic]

Here's a piece of code, the deleteBeacon function is a server action onClick={async (e) => { e.preventDefault() try { const response = await deleteBeacon(info?.id) queryClient.invalidateQueries({ queryKey: ['get-beacons', user?.id!] }) toast("Beacon deleted") router.refresh() return response } catch (error) { console.log('error') Sentry.captureException(error); toast("Deleting failed") return }

[@jayantaggarwal4397]

is it feasible from deployment point of view to use server actions instead of api routes ? will it result in some sort of problems or not?

[@rasmic]

there are some cons, will talk about in a video

[@govindpvenu]

i think we are not supposed to fetch data using server actions.Right?

[@rasmic]

we not!! check my updated videos