Building Reusable Server Components in NextJS

The workshop uses Next.js, React Server Components, Miro developer platform, and Yarn as the package manager.

Participants can access shared resources through links and resources provided in the Discord channel, which can be accessed via a QR code displayed during the workshop.

Yes, participants can optionally use their own Miro accounts for the workshop. Demo credentials are also provided for those who do not wish to create their own accounts.

The workshop demonstrates that using React Server Components helps keep the client-side bundle size small, even when including large packages like Moments.js, by rendering components server-side first.

React Server Components optimize app performance by keeping the client-side bundle as small as possible and allowing direct access to the backend, which helps in efficiently rendering dynamic content.

The workshop is hosted by Will Bishop and Metin, who are part of the Developer Relations Team at Miro. Will has a background at Zoom, and Metin hosted events in New York and is experienced in developing plugins for Miro.

Participants build a Next.js app leveraging React Server Components, demonstrating the reduction of client-side bundle size using server-side rendering.

The main focus of the workshop is to discuss using reusable server components in Next.js, specifically React Server Components, and explore other capabilities of Next.js like new pages and layouts.