Next.js 14: Master Server Actions, React Server Components, and More 💻
Learn Next.JS 14: From URL synchronization to data manipulation and database interaction, this journey will immerse you in the intricacies of modern web development. Uncover optimization strategies, security practices, and engage with the community.
Transform your understanding of web development now! 🚀💻
▶ Don't miss more live sessions at: / midudev
00:00:00 - Introduction
00:02:11 - Explaining what we've done
00:09:21 - Let's get our hands moving
00:10:25 - Working with Invoices Page
00:12:31 - State in the URL: Information worth millions
00:14:24 - Server-Side Rendering and Initial Load
00:15:05 - Capturing user input
00:16:05 - Creating a URL to sync with input and URL
00:16:49 - How to use SearchParams?
00:20:04 - Updating the URL
00:21:08 - Testing input and URL synchronization
00:21:59 - Syncing the initial state
00:23:43 - Displaying information
00:24:38 - Showing results based on our search
00:27:47 - Community questions
00:28:51 - Explanation of what we did
00:31:42 - Is the Key a good practice?
00:32:05 - searchParams on the server and client
00:32:34 - Implementing a Debounce
00:37:52 - Pagination reset
00:38:36 - Creating Pagination
00:40:45 - Getting the current page
00:42:22 - Generating URLs
00:43:04 - Bringing pagination to life
00:45:50 - Code explanation
00:46:33 - What are Server Actions and what do they do?
00:49:19 - Example of a Server Action
00:50:44 - Create Invoices Page
00:52:09 - File for all actions
00:52:42 - 'Use Server'
00:53:37 - Creating/Integrating the 'action'
00:56:51 - Validations
00:58:52 - Chapter 33
01:00:22 - Creating the Date (format and explanation)
01:02:19 - Calling the database and implementing information
01:04:34 - Integrating SQL (injection?)
01:07:01 - Avoiding cache and redirecting with Next.js
01:12:15 - Comments from the Miducommunity