The Journey From React Frontend Development to Fullstack Development With Next.js

Developers can reach out to Eric Burel via Discord or Twitter for further questions or assistance related to Next.js and the workshop content.

Next.js is used to build full-stack applications with capabilities for server-side rendering, static site generation, and optimizing performance for content-heavy and SaaS applications.

The Next.js Image component optimizes images by automatically compressing them and serving them in WebP format, reducing their size significantly to improve loading times and performance.

Next.js uses static rendering, which generates HTML at build time, and dynamic rendering, which generates content at request time based on user-specific data like query parameters and cookies.

Next.js optimizes font loading using the Next Font package, which bundles fonts in the application and avoids cumulative layout shifts by ensuring fonts are loaded efficiently without affecting page layout.

Server components render on the server and can directly access databases, while client components run in the user's browser and handle interactive elements with client-side JavaScript.

The link component in Next.js is preferred because it enables soft navigation, allowing pages to transition without full page reloads, improving the user experience by reducing load times.

Next.js uses a file system-based router where folders match URL segments, allowing developers to create nested folders and pages that correspond to different URLs in the application.

Eric Burel is an independent engineer and trainer from Montpellier, France, who owns a company named LBKo. He is a core member of the Devo Graphics Collective and maintains the Next.js application used in the React Native Survey.

The workshop focuses on the journey from React frontend development to full-stack development using Next.js, highlighting changes in the React ecosystem that encourage developers to become full-stack developers.