Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 🧵

91,310 görüntüleme • 1 yıl önce •via X (Twitter)

11 Yorum

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

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:

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

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`:

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

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.

Amberdata profil fotoğrafı
Amberdata1 yıl önce

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.

D. Alan Gilbert profil fotoğrafı
D. Alan Gilbert1 yıl önce

@nextjs what is granny doing buying stocks 😂

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

@nextjs lol nice volume for grandma

Grimz profil fotoğrafı
Grimz1 yıl önce

@nextjs That is impressively fast!

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

@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.

Saurabh Suri⚡🥷🏼 profil fotoğrafı
Saurabh Suri⚡🥷🏼1 yıl önce

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

Dathan profil fotoğrafı
Dathan1 yıl önce

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

quick007 profil fotoğrafı
quick0071 yıl önce

@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/?

Benzer Videolar

American bought a Vizio Smart TV from Walmart. He took it home only to find you cannot use the TV without a Walmart account logged in You cent even turn it on and get past the first screen This is because Walmart bought Vizio and by having you sign in with your account they can like the data collected to you This TV collects everything and links it to your account - Contact details - Payment information - Subscription information - Account authentication and security information The optional data that most people just click next through is the really invasive data capturing, it includes - Viewing Data - Activity Data - Mobile App Data - Mobile Streaming Data It also uses built-in technology to analyze what’s playing on the TV in real time, including: - Audio and video programming, ads and gaming content - Content from connected devices like HDMI - Third-party apps like streaming services for movies, shows, episodes, channels, launch events - Device state details: volume, channel, picture controls, inputs, power on/off But it doesn’t stop there, it also collects - Basic identifiers: Name, email, phone, address, account credentials - Device/online identifiers: Device IDs, advertising IDs, IP/MAC addresses, model/serial numbers, firmware, Wi-Fi access points, cookies - Activity Data: Settings, inputs, clicks, impressions, operational/performance data, some content interaction details - Commercial/financial info: Purchases, subscriptions, warranties, payment cards - Internet/network activity: How you use the apps, sites, ads, and services - Mobile app and streaming data if you use the Vizio app You agree to have all this data collected from you just because you bought a TV…..

Wall Street Apes

231,039 görüntüleme • 24 gün önce