The NEXT.JS & REACT 19 course, welcome to the Server Side.

Explore building nested routes in Next.js by creating static routes like /users and deeper routes such as /users/profile and /users/profile/name, using a pages directory structure and dynamic routing concepts.

Learn how catch-all segments in the next.js app directory simplify routing by using a single [..slug] component to handle multiple routes and access params.

Explore linking and navigation in Next.js using the Link component for client-side routing and programmatic navigation with router.push and redirects, plus server vs client components.

Explains parallel routes in the Next.js app directory by building a dashboard with analytics and posts as parallel routes. Uses a layout to render the children.

Fetch an employee by ID from params using axios, then display the employee’s full name, position, and age. Handle 404-like errors with a graceful UI.

Learn to update employee data with Next.js and React by submitting form values through an edit employee action, handling server responses, and redirecting back home.

Learn how next.js uses root cache, router cache, and data caches with memoized requests, and declare pages dynamic or static via dynamic functions, segment config, fetch API, and dynamic routes.

Learn how to use fetch options in a Next.js and React 19 app to control caching and revalidation, turning routes from static to dynamic with strategies like no-store and revalidate.

Generate static params to pre-render employee pages at build time, creating static html for each employee and showcasing caching and fast delivery with Next.js.

Fetch the employees via a get request from a local server, return a JSON list with the employees and status, and demonstrate setting a token cookie.

Create a .env file to configure next auth secrets, including next auth secret, github secret and url, then validate user authentication with credentials, tokens, and cookies for a protected route.

Learn how to retrieve a session on server components with get server session in Next.js, contrast with client components, using a dashboard example and a modular next-auth options file.

Design a custom register form in a Next.js and React 19 app, including routing, layout, and server session checks.

Create and manage venues and events in the Evento project within a Next.js and React 19 course, adding navigation links and admin sections with authentication checks and page scaffolding.

Create a server form using tailwind and next ui inputs for name, address, and state, wiring a submit action to add the venue.

Post new venues by connecting to the database, importing the venue model, and saving form data to MongoDB with mongoose, while validating with yup and handling success or errors.

Create a Mongoose event model with artist, venue reference, description, date, and slug; build an add event page as a server component that fetches venues and renders the form.

Build an event page by slug in a Next.js app, fetching the event by slug and populating venue data. Configure next image for external sources and handle not found cases.

Create a reusable venue card component in a Next.js React app, pass event and venue data via props, format the date, and render with Next UI.

Next.js unifies React and JavaScript libraries to build fast, full stack apps, offering file-based routing, pre rendering, caching, and API routes for SEO friendly client and server apps.

Master nested routes in Next.js by building pages inside directories like users and profile, and implement dynamic routes that handle IDs and roles such as admin or guest.

Create dynamic routes in Next.js with a single file using square bracket parameters to match multiple paths, such as user id and user name, and access params and search params.

Explore catch all routes and segments in Next.js, implement a dot dot dot slug, and render a single component for multiple paths while accessing route params.

Discover route groups in Next.js by building admins and users with separate layout.js and page.js files, routing guitars, brands, and models, and understanding independent full reloads and nested layouts.

Explore Next.js client and server components, their hooks limits, benefits like caching and authentication, when to use server components, and how to pass server actions via props or separate files.

Learn to refactor form submission to server actions by moving logic into a reusable actions file, posting data, and redirecting, enabling a server-side form flow that works without JavaScript.

Master server-side form handling in Next.js by validating full name, position, and age, posting data with axios, and returning errors or success outside try-catch for non-js submissions.

Learn to implement a fetch-based error UI in a Next.js app, throwing errors for failed requests and rendering a client-side error component with a retry option.

Create a not-found UI in Next.js by building a custom not-found page triggered on demand, and explore integrating server actions with client validation for employee add and edit.