A Practical Introduction to Fullstack Applications With Next.js

The React team recommends the use of a fullstack framework for the development of new React applications. In particular, Next.js is mentioned. Its app router corresponds to the full-stack architecture vision of React. With the app router, you can develop React Server Components (RSC) that are rendered on the server and do not require JavaScript on the client. Next.js also supports modern React features such as Suspense as well as client and server actions. In this talk, I'll develop a sample application with live coding to give you a practical introduction to what Next.js is and how you can use it to build full-stack applications. We will not only look at the React features, but also Next.js-specific features such as routing and caching.