Skip to main content
Javascript Workshop Duration: 2h

Hands-on React Server Components, Server Actions, and Forms in the Next.js App Router

Aurora Scharff

In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Discover how to optimize server-side rendering, enhance application interactivity with Server Actions and React 19 hooks, and create robust forms for efficient data handling and validation.

Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.


  • Make sure to have Nodejs LTS version (v20.15.0) installed: You can verify the installation in your terminal with “node —version”.
  • Download the starter repo:
  • Open it in your editor (VS Code/Jetbrains IDE ..) and run “npm install”
  • Follow the README to set up your local database with SQLite. Basically, just run:
    • “npm run prisma.push”
    • “npm run prisma.seed”
    • “npm run” to verify that data has been added
  • Open the .code-workspace file inside the root directory
  • Install Eslint and Prettier extensions/plugins
  • Verify that Eslint and prettier are working by writing for example “const a = 'a’” in a component and save the file. It should automatically be removed. Formatting should automatically happen as well.
Aurora Scharff

Aurora Scharff

Consultant @ Inmeta
Full-stack cloud developer from Norway. Aurora is skilled in multiple technologies and domains such as React, Angular, .NET, and Azure, and has recently gained a great interest in web development specifically.

To make this website run properly and to improve your experience, we use cookies. For more detailed information, please check our Cookie Policy.

  • Necessary cookies enable core functionality. The website cannot function properly without these cookies, and can only be disabled by changing your browser preferences.