Next.js App Router REVIEW (Six Months In Prod)

Have you been using App Router? Are you excited about the future of React Server Components?

STUFF I MENTIONED:

[tdotgg]

Forgot to mention VERCEL SPONSORS ME SOMETIMES BUT THEY HAVEN'T SPONSORED A NEW VID IN A BIT. THEY DID NOT KNOW I WAS MAKING THIS VIDEO. TBH THEY PROLLY WON'T LIKE IT

[AlbertCloete]

I love file-based routing because you can very quickly find the exact file you need to edit by just looking at the path in the URL bar. The larger the app becomes the more useful this becomes.

[Cangussu]

Can't wait to see how the T3 stack evolves to include server components. The type-safety and easy hydration that TRPC gives is too good to give up IMO, but I'm sure we'll have something that matches in a few months

[gergoradeczki]

My favourite issue with app router is that the scrollbar does not resets after navigating to a new page

[CapitaineToinon]

Coming from the vite ecosystem, using Next has been a major pain when developing on a 2019 Intel MacBook pro. The amount of times I have to restart the dev server because webpack straight up doesn't detect changes is baffling. I would try turbo pack but I'm using server actions so my bad I guess.

[Miguelmigs]

Build times on Next 13 also got terribly slower, I literally had to downgrade a website that I just upgraded because builds were taking longer than 45 minutes and getting canceled. The time it takes to generate pages is way slower than 12 and this is really bad for websites with tons of pages.

[leroydenengelsman]

As a newer developer App Directory is so much easier than when I tried to learn React..

I’m building things in hours instead of days now

[vnrkk]

Been using app router in multilingual CMS driven sites now for some months and it's definitely half baked for this use case. Seems like Vercel forgot the world speaks languages other than english, localized paths are a thing and the same people also use CMSs. Creating a bunch of folders and files for each locale is a mess which is mandatory if you want to actually use all the nice things that app router provides out of the box. At least Gatsby got it right by providing programmatic routing in gatsby-node.

[indx_tv]

You talked about slow dev server experience, especially on Windows. I also worked on several App Router projects by now. For some I'm using an Intel MacBook, for others my WSL2 desktop. While the speed itself may be slower, from my experience the memory leak ffecting all my App Router projects is much severe. Working on my WSL2 desktop with 64GB memory is much more pleasant than on my Intel MacBook with 32GB memory. The dev server is constantly restarting because it's out of memory.

[ripleysghost]

this is the most insane, niche crossover I've ever encountered on this app I swear to god.

[LukeberryPi]

Loved the Anthony Fantano reference, you killed it!

[joshuagermon]

But the real question is, what do you give MBDTF?

[z_]

Definitely agree with the dev mode slow experience…
Do you have a video on server actions ?

[apedotjs]

THE CROSSOVER EPISODE I DIDNT KNOW I NEEDED

[yiannis_p]

Content aside (awesome as usual) the colour grading is top notch 👌

[ISKLEMMI]

Hurray! I was really hoping that was going to be your intro! :D
It's very informative to get your POV on this, so thank you for that.
Also, I like your shirt!

[szhzs]

next app router is really great until you wake up one day and your entire IDE is just page.tsx, page.tsx, page.tsx...

[theklr]

Enjoying the evolution of this channel. Reminds me of fun fun function

[williandamascenomusic]

Looks like the app router is awesome for creating dashboards, but what if i need SEO?

Is the page fully hydraded even when using client components? Or just the server components are hydraded before the page renders on the client?

I know client components are rendered once on the server, but I'm not sure if it will be hydraded in the first load.

Is there a way of caching an entire page ultil the next build?

Something like getStaticProps, where I can schedule the page revalidation or not. I can also set an api route that revalidates a page programmatically.

Can I get these kinds of fearures with the app router?

[sturlen]

at 1:35 is probably the most effective and concise sales pitch I've heard for App Router