Session 1: Introduction to React & Next.js (1 Hour)

• Overview of React and its role in modern web development.
• Setting up a Next.js 14 project with TypeScript.
• Understanding React client components and JSX syntax.

Session 2: Props and State in React (1.5 Hours)

• Understanding props: Passing data between components.
• Managing state with useState.
• Practical examples (e.g., counters, form inputs).

Session 3: Server Components in Next.js 14 (2.5 Hours)

• Understanding server-side rendering with Next.js server components.
• Building a basic server component to render dynamic data.

Session 4: Routing with Next.js App Router (1.5 Hours)

• Understanding the App Router for multi-page applications.
• Setting up static and dynamic routes in Next.js.
• Creating and navigating between pages.

Session 5: Hands-on Lab – Setting Up a Next.js Project (30 Minutes)