正在加载视频...
视频加载失败
is a great Next.js app router app. It's blazing fast, even with data being highly dynamic (it shows realtime stock market data & politicians' trades) Some cool details from my analysis 🧵
11 条评论

The initial state for the 'app' parts of the site is a Loading state, like a SPA. Unlike a SPA, but like a traditional website, in the same first load (roundtrip) we also get the data. You can see this by turning off JS which disables the <script> tags Next.js streams with:

In the same app they also pre-render statically as HTML. This allows them to have SPA-like dynamic behavior, combined with more traditional content pages, without having to ship 2 websites and 2 frameworks. This is what news look like without streaming or any client `fetch`:

One can do even better than "Loading…" text. With Partial Prerendering, even more static data can be hoisted into the initial CDN flush. Also, it might be worth looking into skeletons vs loading text, but that's a product design observation.

Stay ahead in crypto trading with fast access to pricing, order books, and trade data from trusted exchanges and marketplaces. No waiting, no demos—just seamless access to the insights you need to succeed.

@nextjs what is granny doing buying stocks 😂

@nextjs lol nice volume for grandma

@nextjs That is impressively fast!

@nextjs True. I came across it on HN and I thought: holy crap. Lo and behold it's @nextjs AR on @vercel. My goal is to keep working backwards from great products into the tech.

@nextjs I’m going to load this thread into my cursor rules. It better work.

@nextjs Daamn, how is it this fast with all those images and graphs

@nextjs Honestly, textbook example of a website that feels slow... Most of the cached stuff feels fine, and loading states (when they show up) are great. But in a decent number of cases, user interaction feels sluggish. 🧵1/?
