Online
Enrollment Open

Thinking in NextJS

Discover the unique philosophy behind Next.js, simplifying complex concepts like server-side rendering, client components, and dynamic routing.

Proficient
5 Lectures
75005250
BDT

Workshop Description

Next.js isn’t just React—it’s a game-changer in modern web development! Are you ready to elevate your skills and stand out as a developer? This 5-day workshop is your gateway to mastering Next.js and building world-class web applications.

In this workshop, you'll discover the unique philosophy behind Next.js, simplifying complex concepts like server-side rendering, client components, and dynamic routing. With step-by-step guidance and hands-on examples, you’ll gain the confidence to create faster, smarter, and more efficient web applications. Whether you’re already experienced or just starting with Next.js, you’ll leave with the skills to build exceptional applications—and the mindset to create extraordinary user experiences.

What You'll Learn

Key Concepts

  • The philosophical difference between React and Next.js.
  • How Next.js leverages both server-side and client-side rendering effectively.
  • Advanced routing patterns and caching strategies.

Practical Use Cases

  • Optimizing web applications by combining server and client components.
  • Building complex layouts and reusable page structures with Next.js routing.
  • Handling localized content, dynamic data, and partial prerendering for improved performance.

Hands-On Practice

  • Real-world exercises exploring server and client components, middleware, and caching.
  • Building and optimizing a Next.js application from scratch, focusing on rendering patterns and routing strategies.

Advanced Techniques

  • Composing server and client components for maximum efficiency.
  • Implementing SSR, ISR, and PPR in real-world scenarios.
  • Using middleware for request caching, dynamic headers, and advanced application behaviors.

Why This Workshop Matters

Industry Impact

Next.js has become a cornerstone in modern web development, powering some of the world's most performant websites. Understanding its philosophy and features ensures you stay competitive in the industry.

Simplifies Complexity

Next.js streamlines building dynamic, scalable web applications by handling rendering, routing, and caching complexities seamlessly.

Boosts Productivity

With its advanced tooling and clear structure, Next.js enables developers to ship faster, more efficient applications while maintaining a clean and maintainable codebase.

Outcomes

By the end of this workshop, participants will:

  • Master the mindset of Next.js and how it differs fundamentally from React.
  • Confidently utilize server and client components to solve real-world application challenges.
  • Design performant, scalable web applications with advanced routing, caching, and middleware techniques.
  • Optimize development workflows, reducing time-to-market for web solutions.

Schedule & Lectures

Exploring Next.js from a Senior Engineer's Perspective

Understand complex page structures and key components in Next.js

Mastering Server Components in Next.js: More Than Just PHP

Dive deep into server components, async/await, error boundaries, and database integration

Server vs Client Components: Finding the Perfect Balance

Explore SSR, ISR, PPR, and how to combine server and client components for optimized solutions

Building and Reusing Complex Layouts with Next.js Routing

Learn advanced routing techniques to create and reuse complex layouts

Advanced Caching Strategies with Middleware in Next.js

Unlock the power of caching and middleware for enhanced performance and dynamic content handling

Meet Your Instructors

HN

HM Nayem

Senior Software Engineer

Frequently Asked Questions

Workshop Overview

Share with your friends

Copy Link