K I R A Nkir4n.hashnode.dev·Jul 23, 2024Efficient Type-Safe Server Actions in Next.js with ZSATL;DR: Discover how to implement type-safe server actions in your Next.js application using zsa or next-safe-action. This guide focuses on zsa, offering a clear approach to integrating type safety, validation, and error handling. Introduction to Type...Discusszsa
Dave Grayyesdavidgray.com·Jun 25, 2024Next.js Server Actions with next-safe-actionTLDR: Add type safe and validated server actions to your Next.js App Router project with next-safe-action. Next.js Server Actions Server Actions are asynchronous functions executed on the server in Next.js. They are defined with the "use server" dire...DiscussNext.js
Abiola Bakareiamstarcode.hashnode.dev·Apr 25, 2024Validate data in both Server Actions and Client in NextJs using Zod and React-Hook-FormsServer Actions, introduced in Next.js version 14, are a convenient way to create functions that execute exclusively on the server side offering several advantages such as security, performance etc. Building robust applications often requires data val...DiscussNext.js
Mazedul Islamblog.mazedulislam.com·Apr 1, 2024Full featured form using NextJS Server ActionsWe are going to build a contact form using Nextjs and Server Actions. When the user submit the form it should send an email to your personal email account. Bootstrap The Project Generate a new Nextjs project and accept all the default settings, then...Discuss·105 readsNext.js
Dantuffstuff9.hashnode.dev·Aug 27, 2023Using Context and State in Next.js Server ComponentsIntroduction: The Problem at Hand The Context API allows sharing values across the component tree without explicitly passing them as props. However, the introduction of React's Server Components, has thrown a wrench into the mix. Server components pr...Discuss·8 likes·906 readsReact
Amaljithamaljith.hashnode.dev·Aug 19, 2023Implementing ReactJS new useOptimistic Hook and Next.js 13.4 Server Actions for Optimistic UI.The useOptimistic hook provides a way to implement optimistic updates in your application. These Optimistic updates enhance the user experience by making the app appear more responsive to the user by displaying instant results on the front end. Even ...Discuss·10 likes·255 readsReact