Modern Full-stack Web Application Using RedwoodSDK and React Server Components

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Bookmark
Rate this content

 This workshop will guide you through building a modern full-stack web application using RedwoodSDK and React Server Components. As a frontend developer, you'll learn how to leverage the latest React patterns to approach full-stack development with confidence. The workshop covers building server-rendered components, working with databases, implementing authentication, and deploying a real-world application. RedwoodSDK simplifies the transition from frontend to full-stack development, giving you the tools to create performant, modern web applications.

This workshop has been presented at React Summit US 2025, check out the latest edition of this React Conference.

FAQ

Redwood SDK is a framework built for developing applications, which includes tools like React, Vite, and Cloudflare integration. It aims to streamline development by providing a transparent framework that simplifies the creation of pages and components.

To start a new Redwood SDK project, choose a package manager like NPM, PNPM, or Yarn, and execute the command provided in the Redwood SDK documentation to clone the starter project onto your local machine.

Redwood SDK uses a config-based router where routes are defined in a file, allowing easy control and flexibility over route management. Dynamic routes and middleware support are also included, with the ability to define routes directly within the router.

Forms in Redwood SDK can be client components that use actions to interact with the server. By using React's action attribute on forms, you can define server-side functions to handle form data, making it easy to perform CRUD operations.

Redwood SDK uses Keazly for type-safe SQL operations and integrates with Cloudflare durable objects for database management. It supports migrations and seeding to define and populate database tables.

Redwood SDK includes features like real-time support, queues, cron triggers, authentication with WebAuthn, and R2 storage for file uploads, making it a comprehensive framework for modern web development.

To deploy a Redwood SDK application, ensure you're logged into a Cloudflare account and run the release script defined in your package.json. This will build and deploy your application to a Cloudflare worker.

React Server Components in Redwood SDK allow for server-side rendering of components, reducing the need for client-side fetching and enhancing security by processing data on the server before sending it to the client.

Middleware in Redwood SDK allows you to run specific functions before rendering routes, providing flexibility for tasks like authentication and data processing. It can be applied globally or to specific routes.

You can participate in the Redwood SDK community through their Discord channel for support and collaboration. Additionally, reviewing the documentation and examples provided on rwsdk.com can be beneficial.

Amy Dutton
Amy Dutton
91 min
04 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
The Workshop covered setting up Redwood SDK, Tailwind CSS, and database efficiency. It emphasized database structure, migration, and DurableObjects for modularity. The configuration included database seeding, routing, and client form creation. Client-side updates, server interaction, and handling errors were highlighted. Features like dynamic URLs, to-do item editing, and deletion were discussed. CloudFlare deployment, project interaction, and additional features like real-time support and task scheduling were mentioned.
Video transcription and chapters available for users with access.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

From GraphQL Zero to GraphQL Hero with RedwoodJS
GraphQL Galaxy 2021GraphQL Galaxy 2021
32 min
From GraphQL Zero to GraphQL Hero with RedwoodJS
Top Content
Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.
RedwoodJS: The Full-Stack React App Framework of Your Dreams
React Summit Remote Edition 2021React Summit Remote Edition 2021
43 min
RedwoodJS: The Full-Stack React App Framework of Your Dreams
Top Content
Redwood JS is a full stack React app framework that simplifies development and testing. It uses a directory structure to organize code and provides easy data fetching with cells. Redwood eliminates boilerplate and integrates Jest and Storybook. It supports pre-rendering and provides solutions for authentication and deployment. Redwood is a cross-client framework that allows for building web and mobile applications without duplicating work.
Design-Driven Full-stack: an End-to-End Dev Workflow that Scales
React Summit 2022React Summit 2022
32 min
Design-Driven Full-stack: an End-to-End Dev Workflow that Scales
This Talk discusses the challenges of building full stack applications and introduces Redwood.js as a solution. It emphasizes the importance of design-driven workflows and the use of Redwood Cells to handle state and simplify complex tasks. The Talk also highlights the seamless integration between the front end and back end using mock data and the optimization of workflow for performant teams. It concludes with a mention of Redwood's authentication features and the importance of community and collaboration.
Why Redwood Adopted React Server Components
React Summit US 2023React Summit US 2023
33 min
Why Redwood Adopted React Server Components
Watch video: Why Redwood Adopted React Server Components
Redwood is a full stack web app framework built with React, GraphQL, and Prisma. It prioritizes conventions and maintainability, and collaborates closely with the React team. Redwood offers full-stack features, including real-time functionality without WebSockets. The Bighorn Epoch is a new phase in Redwood's roadmap. Redwood is excited about the possibilities of React Server Components and wants to collaborate with the community.