/next12-rsc-demo

Demo of Next 12.0 and React Server Components! Temperature data provided from the Applied Climate Information System and the OpenWeatherMap

Primary LanguageTypeScript

Next.js 12 React Server Components Demo (Alpha)

This is the demo of a historical temperature application (sourced from the ACIS) built with Next.js and React Server Components.

Demo of the Temperature App here: https://acis-demo-aridge.vercel.app/

Development

To get started, run the following commands:

yarn
yarn dev

And visit localhost:3000.

Note

React Server Components are still experimental. To learn more about React Server Components, read our blog post: Everything About React Server Components.

React Server Components support is a built-in feature of Next.js 12. Full documentation is available here: React 18 — Next.js.

Further Reading

Read the announcement from the next team here: Next.js 12.

Hacker News Demo using React Server Components: https://next-news-rsc.vercel.sh

For more on Next 12 and React Server Components, check out this video from the NextJS Conf:

OpenWeatherAPI

ACIS

Styles

  • Styles are a mix of custom css (located in the /styles directory) and classNames provided by the tachyons framework