Скачать или смотреть Migrating T3 stack from pages router to app router

In this video, we'll guide you through the process of migrating your T3 stack from the pages router to the app router.




This migration is part of the latest updates in Next.js 14 , which introduced several new features to the App Router, including support for server components and improved support for static site generation

00:00 intro
00:20 Basic Guide
01:35 Migrating Trpc Architecture from pages to app
06:01 Trpc Client/Server Imports
09:44 Migrating Layout and Components
15:10 Migrating API routes


The first step in the migration process is to move t3 architecture

We'll also discuss how to use trpc in app router and handle both simultaneously

Furthermore, we'll talk about how to extract client components, Server components are great for loading speed, but they don't allow for any interactivity. Whenever you need any of the features above, you have to make your component a client component

By the end of this video, you'll have a solid understanding of how to migrate your T3 stack from the pages router to the app router, and you'll be well-equipped to implement these changes in your own projects.

Remember, the Next.js community and official documentation are valuable resources for understanding and implementing these changes

Don't hesitate to reach out to the community or refer to the official documentation if you encounter any challenges