Bookmarks tagged with "nextjs"
- The Forensics Of React Server Components (RSCs) — Smashing Magazine
Lazar Nikolov is a Web Performance Developer Advocate at Your (smashing) email Weekly tips on front-end & UX We love client-side rendering for the way it relieves the server of taxing operations, but serving an empty HTML page often leads to taxing user experiences during the initial page load. We love server-side rendering because it allows us to serve static assets on speedy CDNs, but they’re unfit for large-scale projects with dynamic content. React Server Components (RSCs) combine the best ...
- Latency numbers every frontend developer should know – Vercel
Web page load times and responsiveness to user action in web apps is a primary driver of user satisfaction–and both are often dominated by network latency. Latency itself is a function of the user's connection to the internet (Wifi, LTE, 5G), how far away the server is that the user is connecting to, and the quality of the network in between. While the latency numbers may seem low by themselves, they compound quickly. For example, a Metric Estimate Metric Impact Wifi latency to internet Wifi ad...
- React Server Components 🧐 with Dan Abramov (JS Party #311)
...
- File Conventions: Route Segment Config | Next.js
The Route Segment options allows you to configure the behavior of a layout.tsx | page.tsx | route.ts Change the dynamic behavior of a layout or page to fully static or fully dynamic. layout.tsx | page.tsx | route.ts Control what happens when a dynamic segment is visited that was not generated with layout.tsx | page.tsx Set the default revalidation time for a layout or page. This option does not override the Learn more about the Support for By default, Next.js does not limit the execution of...
- File Conventions: Metadata Files | Next.js
This section of the docs covers Each file convention can be defined using a static file (e.g. Once a file is defined, Next.js will automatically serve the file (with hashes in production for caching) and update the relevant head elements with the correct metadata, such as the asset's URL, file type, and image size....