An Introduction to RedwoodSDK: A Beginner’s Course

Learn to use React with URL parameters by accessing the request info object's params in a home component, extracting a name, and returning a personalized hello.

Interrupters are a sequence of functions executed in order to guard routes; an is_authenticated check using a context decides to continue or return a 401/403 unauthorized response.

Explore context as a mutable object passed to requests, interrupter, and server functions to share data across the application. Use middleware to update the context before any response.

Explain how middleware sets a context user, validates a session, and uses authentication checks to render the home page in a RedwoodSDK beginner course.

Explore how documents act as HTML shells that wrap responses, render children, and import stylesheets and tools like Google Analytics, while supporting multiple documents and updating titles.

Learn to build our user interface in Redwood SDK with React server and client components, defaulting to server components and using the use client directive only for interactivity.

Explore server-side functions in RedwoodSDK to fetch recipes from an API, expose an asynchronous get recipes function on the server, and hydrate results to the client for display.

Map through the recipes to render each item with a title and image thumbnail, and learn how the content security policy gates external images, requiring an image source like MiLB.com.

Add a title, image, and instructions to the page, load data from an external API via a server function, and iterate the front end while applying Tailwind CSS.

Add client side interactivity with a refresh button to fetch a new recipe from the server. Use a client component with initial server state and loading state for asynchronous updates.

Publish your RedwoodSDK app by configuring a Cloudflare worker, naming it without spaces, and running release to deploy on a free Cloudflare account, then view the live URL.