import Card from '../../components/Card'; import Pill from '../../components/Pill';

Tutorials

Learn how to build React applications with server-side rendering using React Server Components. Follow our step-by-step tutorials to create your first application, integrate server functions, and more.

<div className="my-4 grid grid-cols-1 md:grid-cols-3 gap-4"> <Card>

Hello World!

Your first application

Create a new React application with server-side rendering in just a few steps. Start building your app with React Server Components and enjoy faster initial page loads.

<Pill href="/tutorials/hello-world">
  Read tutorial
</Pill>

</Card> <Card>

Todo App

Using server functions

Build a simple Todo application with server functions. Learn how to interact with the server from your components and manage server-side operations efficiently.

<Pill href="/tutorials/todo-app">
  Read tutorial
</Pill>

</Card> <Card>

Photos

Using client components

Learn how to use client components to create interactive elements in your application. Enhance your user experience with client-side rendering and dynamic content updates.

<Pill href="/tutorials/photos">
  Read tutorial
</Pill>

</Card> </div>