From Frontend to Fullstack Development With Next.js

Eric Burel is a professional trainer specializing in full-stack web development with Next.js and Astro, as well as LLM development with Longchain, Mastra, and the Vercel AI SDK. He owns a company named LBQE in Montpellier, France, and is an open-source contributor.

Participants should have Node.js, Git, and a text editor installed, along with some basic knowledge of React. However, being an expert React developer is not necessary as Next.js functions as a layer above React.

The workshop covers technologies including Next.js, Astro, Longchain, Mastra, Vercel AI SDK, and Tailwind CSS. It also discusses server-side rendering, client-side rendering, static and dynamic data fetching, and application deployment using Vercel.

Participants can ask questions in the chat during breaks and help each other. Troubleshooting may involve using backup solutions like StackBlitz Web Containers or running virtual machines to resolve installation issues.

Static rendering generates HTML pages at build time, optimizing them for fast loading, while dynamic rendering generates pages upon user requests, allowing for real-time data and user-specific content. Next.js allows hybridization of both methods for optimal performance.

Next.js uses an image component to handle image optimization, automatically resizing and compressing images using server-side processing, which improves loading times and reduces bandwidth usage.

Streaming in Next.js allows sending parts of a page to the client as soon as they are ready instead of waiting for all components to load. This reduces overall load times by displaying content incrementally as data becomes available.

Data fetching in Next.js can be done server-side using React server components or through API endpoints. This approach allows direct communication with databases and efficient data retrieval, avoiding the need for client-side fetching.

For further learning, it's recommended to explore the official Next.js documentation, Vercel's YouTube tutorials, and articles on platforms like nextpatterns.dev. These resources provide high-quality, professional guidance on using Next.js effectively.

The 'Learn Next.js' workshop is designed to teach participants the basics and advanced concepts of Next.js, using the official Next.js tutorial. It's considered the best way to start learning Next.js, covering everything from basic features to more complex concepts.