# Server side rendering Published articles for Server side rendering. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Inline CSS at Khan Academy: Aphrodite DevFeed: [Inline CSS at Khan Academy: Aphrodite]() Original publisher: [Read original article]() Author: Khan Academy Published: 2016-03-29T22:00:00Z Content type: article Language: en Sources: [Khan Academy]() Topics: [React](), [Server-side rendering](), [HTML](), [JavaScript](), [Latency](), [networking](), [Chrome]() Tags: [chrome](), [css](), [engineering](), [infrastructure](), [javascript](), [latency](), [network](), [news](), [react](), [server-side-rendering]() ### AI overview Jamie Wong discusses Aphrodite, Khan Academy's inline styling solution, the constraints that shaped it, and its use in production. The article explains how reducing bytes before content renders motivated server-side rendering and compares the initial-load byte requirements of server-side and client-side rendering. ### Source excerpt By Jamie Wong I won't ramble in this post about the maintenance woe that is CSS, as others ... Read more ## Free Angular Book Chapters, Vitest Testing Guides, and MCP Configuration Resources DevFeed: [Free Angular Book Chapters, Vitest Testing Guides, and MCP Configuration Resources]() Original publisher: [Read original article]() Author: Angular Published: 2026-07-31T15:20:46Z Content type: article Language: en Sources: [Angular]() Topics: [Angular](), [Testing](), [Model Context Protocol](), [TypeScript](), [Server-side rendering](), [Internationalization (i18n)]() Tags: [angular](), [book](), [extension](), [free](), [mcp](), [server-side-rendering](), [testing](), [typescript]() ### AI overview This community roundup highlights three free online book chapters on Angular interceptors, internationalization, and server-side rendering; a TypeScript-focused VS Code extension; guidance on structuring MCP server skills and tools; and Vitest tutorials for time control, fast-forward timer handling, and Angular component testing in browser mode. ### Source excerpt The learning resources this week are incredible! From free textbook chapters on advanced Angular topics to precision timing controls in your Vitest test suites, our community experts are sharing massive value to help you optimize your apps and your workflows. Dive into these fantastic technical resources: Three Free Online Chapters for Advanced Angular Johannes Hoppe (@johanneshoppe), Ferdinand Malcher (@fmalcher01), and Danny Koppenhagen are offering a sneak peek into their upcoming book! They have released three highly detailed, free online chapters covering critical architectural pillars: Interceptors, Localization/Internationalization (i18n), and Server-Side Rendering (SSR). Read the free chapters: https://angular-buch.com/material Mini TypeScript Hero: A Sleek VS Code Extension Clean up your workspace! Johannes Hoppe (@johanneshoppe) introduces a handy development utility designed to keep your imports tidy and organized without the bloat, making your daily coding experience much smoother. Check out the extension blog: https://angular.schule/blog/2026-03-mini-typescript-hero MCP Skills vs. MCP Tools: Configuring Your Server Correctly Antonio Cardenas (@yeoudev) delivers a vital architectural distinction for AI-driven workflows. Learn the right way to configure your Model Context Protocol (MCP) server, mapping out how to structure "skills" versus "tools" for maximum AI efficiency. Read the configuration guide: https://dev.to/angularfirebase/mcp-skills-vs-mcp-tools-la-forma-correcta-de-configurar-mcp-server-24ck Precise Time Control & Instant Timer Skips in Tests Younes Jaaidi (@yjaaidi) drops two brilliant guides on handling asynchronous behavior in your test suites. Learn the core fundamentals of controlling time, and discover how Vitest's new "Fast-Forward" mode skips right past timer delays instantly. Read "Controlling Time": https://cookbook.marmicode.io/angular/testing/controlling-time-in-tests Read the Vitest Fast-Forward guide: https://dev.to/playfulprogra ## Angular Weekly: Tutorials and Guides on Reactive Flows, AI Agents, SignalStore Events, and SSR DevFeed: [Angular Weekly: Tutorials and Guides on Reactive Flows, AI Agents, SignalStore Events, and SSR]() Original publisher: [Read original article]() Author: Angular Published: 2026-07-17T10:01:04Z Content type: news Language: en Sources: [Angular]() Topics: [Angular](), [reactive](), [AI Agent](), [Claude Code](), [Forms](), [Accessibility](), [Monitoring](), [Server-side rendering]() Tags: [accessibility](), [ai-agent](), [angular](), [angular-weekly](), [claude-code](), [forms](), [monitoring](), [reactive](), [server-side-rendering]() ### AI overview This Angular community roundup highlights tutorials and guides on Modern Angular, Claude Code for Angular development, NgRx SignalStore events, signal-driven error monitoring, accessible Signal Forms, reactive flows, and Angular 21 server-side rendering. ### Source excerpt The Angular ecosystem is moving incredibly fast, bringing together fully reactive architectures, smart AI agents, and robust state management. Whether you're starting from scratch or optimizing enterprise applications, our community has you covered with exceptional resources this week! Dive into these latest expert-led contributions: Modern Angular from Scratch (French) Modeste Assiongbon (@rblmdst) has launched an extensive, practical step-by-step tutorial series designed to help the French-speaking community master Modern Angular (v19+) completely from zero. Start the playlist: https://www.youtube.com/playlist?list=PLnBtvYS1AbOy9MbzptICj-qH4rIat7j9M Claude Code: The AI Agent for Angular Developers Johannes Hoppe (@johanneshoppe) explores how to integrate Claude Code into your development pipeline. Learn how this specialized command-line AI agent acts as a powerful companion for both seasoned developers and newcomers. Read the blog post: https://angular.schule/blog/2026-02-claude-code NgRx SignalStore Events Plugin (English & Spanish) Arcadio Quintero (@oidacra) introduces a game-changing plugin for managing SignalStore events. Discover how to handle side effects cleanly and pass explicit event signals directly into your application state. Read the English guide: https://arcadioquintero.com/en/blog/ngrx-signalstore-events-plugin Read the Spanish guide: https://arcadioquintero.com/es/blog/ngrx-signalstore-events-plugin Signal-Driven Error Monitoring in Angular Sonu Kapoor (@SonuKapoor1978) breaks down how to detect and debug reactive failures. This guide shows you how to implement Signal-driven error monitoring to catch bugs gracefully across your asynchronous streams. Read the technical deep-dive: https://blog.appsignal.com/2026/02/19/signal-driven-error-monitoring-detecting-and-debugging-reactive-failures-in-angular.html Angular v21 Signal Forms: FocusBoundControl (French) Modeste Assiongbon (@rblmdst) delivers a targeted tutorial focusing on form accessibility an ## Zero-flicker Firestore SSR with React DevFeed: [Zero-flicker Firestore SSR with React]() Original publisher: [Read original article]() Author: Jeff Huleatt Published: 2026-06-24T00:00:00Z Content type: tutorial Language: en Sources: [Firebase Blog]() Topics: [Firestore](), [Server-side rendering](), [React](), [Next.js](), [web applications]() Tags: [firebase](), [firestore](), [next-js](), [react](), [real-time](), [serialization](), [server-side-rendering](), [ssr](), [web](), [web-app]() ### AI overview This tutorial explains how to use Firebase JS SDK SSR-specific APIs to serialize Firestore query results on the server, resume them on the client, and support realtime updates in a Next.js and React application. It also discusses payload size and when serialization is unnecessary. ### Source excerpt News, tutorials, and updates from the Firebase team. ## Next.js vs React: What's the difference and which should you use? DevFeed: [Next.js vs React: What's the difference and which should you use?]() Original publisher: [Read original article]() Author: Muhammed Ali Published: 2026-05-28T07:00:00Z Content type: comparison Language: en Sources: [Honeybadger]() Topics: [Next.js](), [React](), [Web Development](), [Front end](), [Back end](), [Server-side rendering](), [Routing (disambiguation)](), [API](), [JavaScript]() Tags: [api](), [article](), [comparison](), [framework](), [javascript](), [javascript-articles](), [next-js](), [react](), [routing](), [server-side-rendering]() ### AI overview This comparison explains that React is a JavaScript library for building user interfaces, while Next.js is a framework built on React that adds routing, data fetching, server-side rendering, image optimization, and API capabilities. It also discusses their technical behavior, file structures, rendering modes, and practical use. ### Source excerpt Next.js and React are often compared, but they solve different problems. React focuses on building user interfaces, while Next.js adds structure, rendering strategies, and back-end capabilities. Read this article to see how we break down their differences. ## How we improved image download sizes on Medium with just four characters DevFeed: [How we improved image download sizes on Medium with just four characters]() Original publisher: [Read original article]() Author: Scott Batson Published: 2026-05-18T15:29:29Z Content type: article Language: en Sources: [Medium]() Topics: [Web Development](), [HTML](), [Image](), [JavaScript](), [Server-side rendering](), [Angular](), [Ember](), [Single-page application (SPA)]() Tags: [angular](), [html](), [image](), [javascript](), [programming](), [render](), [server-side-rendering](), [technology](), [time](), [web-development]() ### AI overview The article explains how modern HTML image features, including and srcset, can select images based on browser capabilities, screen dimensions, file types, layout, and color-scheme preferences. It contrasts these features with older JavaScript-based approaches to serving optimized images. ### Source excerpt HTML images just got better, with the subtlest change to your codebasePhoto by Adi Suyatno I know what you're thinking. Scott, I landed on Medium on a small but not mobile-small display and the download chunk related to images in my home feed was like 7% smaller. First of all, thank you for noticing. Second, what if I told you that you too can improve your total asset download size by adding just four characters to your code base? Sounds too good to be true, right? Well, I'm here to tell you, it's true... after I explain how we got here. The history of images on the web As a web developer, you've probably spent a lot of time thinking about and fighting with images. According to the HTTP Archive, even in today's modern landscape of "JavaScript everywhere" the majority of most website's transfer size is images. We've moved away from the "hero image on every page" ethos, but still we're an image-heavy internet. When I was getting my start in web development in 2010ish, we were still adapting to a "mobile-friendly" world. The majority of the web was built on WordPress. We didn't have a way back then to dynamically load an optimized image. 3G connections were the primary speed in the US for viewing the internet, so the practice was images "need to work on mobile" regardless of the user's device. For those of us writing Angular and Ember (because React wasn't a thing yet), you had to legitimately render the correct src based on context you could get from JavaScript. {{#if browserSmal}} {{else}} {{/if}} This is back when we wrote handlebars for our markup and the web was filling up with SPAs with no server-side-rendering. We did it this way because HTML lacked a way for specifying how we wanted to optimize images. Then in 2012, RICG introduced 2 new specs for image optimization, with 2 different use cases: elements and srcset. Picture Elements I love the element. It gives us a lot of control ## Reducing Failure-Analysis Work for Flaky End-to-End Test Suites DevFeed: [Reducing Failure-Analysis Work for Flaky End-to-End Test Suites]() Original publisher: [Read original article]() Author: Giuseppe Donati Web Test Automation Engineer Not a stereotypical Italian guy; Except Published: 2026-04-15T00:00:00Z Content type: opinion Language: en Sources: [Trivago]() Topics: [Testing](), [Test automation](), [ci](), [Selenium](), [GitHub](), [Latency](), [Server-side rendering](), [Microservice]() Tags: [artificial-intelligence](), [ci](), [github](), [integration](), [latency](), [quality-assurance](), [selenium](), [server](), [server-side-rendering](), [test-automation](), [tests]() ### AI overview The article describes the investigation burden caused by flaky end-to-end tests in trivago's Continuous Integration pipeline. Its extended suite has scenario-level success above 99% but workflow-level success of 20%, requiring frequent analysis of failures caused by flakiness, changing live data, preview-environment latency, and feature churn. ### Source excerpt Does 99.8% represent a good success rate in end-to-end test automation of a web application? What about 99.9%? Maybe yes, but when you have a test suite that has up to 1,000 scenarios, it means ... ## How to Add Payments to Your Nuxt.js App with Dodo Payments DevFeed: [How to Add Payments to Your Nuxt.js App with Dodo Payments]() Original publisher: [Read original article]() Author: Ayush Agarwal Published: 2026-04-06T00:00:00Z Content type: tutorial Language: en Sources: [Dodo Payments Blog]() Topics: [Nuxt.js](), [App](), [SDKs](), [Back end](), [API](), [Front end](), [Server-side rendering](), [Vue.js](), [Software as a service]() Tags: [api](), [api-keys](), [app](), [backend](), [checkout](), [guide](), [how-to](), [integration](), [merchant-of-record](), [nuxt](), [nuxt-js](), [payments](), [saas](), [sdk](), [server](), [server-side-rendering](), [subscriptions](), [tutorials](), [vue](), [webhooks]() ### AI overview A step-by-step tutorial for integrating Dodo Payments into Nuxt.js applications. It covers installing the Node SDK, creating a server route for checkout sessions, verifying webhooks, and supporting one-time purchases and recurring subscriptions while keeping API keys on the server. ### Source excerpt A step-by-step guide to integrating payments, subscriptions, and one-time purchases into Nuxt.js applications using Dodo Payments. ## SvelteKit Payments: The Complete Integration Guide DevFeed: [SvelteKit Payments: The Complete Integration Guide]() Original publisher: [Read original article]() Author: Ayush Agarwal Published: 2026-03-23T00:00:00Z Content type: tutorial Language: en Sources: [Dodo Payments Blog]() Topics: [Svelte](), [SDKs](), [HTML]() Tags: [checkout](), [developer-tools](), [guide](), [how-to](), [integration](), [payment-processing](), [payments](), [server-side-rendering](), [subscription](), [webhooks]() ### AI overview A tutorial on integrating Dodo Payments into SvelteKit applications. It covers SDK setup, checkout components, server-side session creation, form actions, webhook handling, and subscription-status checks, with Dodo Payments serving as the Merchant of Record for tax and compliance responsibilities. ### Source excerpt How to add payment processing to SvelteKit apps using Dodo Payments. Covers checkout components, server hooks, form actions, and webhook handling for subscriptions. ## Single-Page Applications Can Become Performance Bottlenecks Through Multiple HTTP Round-Trips DevFeed: [Single-Page Applications Can Become Performance Bottlenecks Through Multiple HTTP Round-Trips]() Original publisher: [Read original article]() Author: Yegor Bugayenko (yegor256@gmail.com) Published: 2026-01-24T21:00:00Z Content type: opinion Language: en Sources: [Yegor Bugayenko]() Topics: [Single-page application (SPA)](), [web applications](), [HTTP](), [JavaScript](), [Web Development](), [Document Object Model (DOM)](), [Angular](), [React](), [Vue.js]() Tags: [ajax](), [applications](), [browsers](), [frontend](), [http](), [javascript](), [mood](), [performance](), [server-side-rendering](), [single-page-application](), [spa-performance](), [web-applications](), [web-architecture]() ### AI overview The article argues that Single Page Applications can become performance bottlenecks as they grow, because their frontends may require many HTTP round-trips to retrieve JSON and update the DOM. It contrasts this approach with full HTML page reloads and explains its historical origins in AJAX and web application frameworks. ### Source excerpt Single Page Applications, once a solution for slow browsers, are now a performance bottleneck due to multiple HTTP round-trips. ## Persisting nested form attribute indexes through Turbo updates DevFeed: [Persisting nested form attribute indexes through Turbo updates]() Original publisher: [Read original article]() Author: georgebaker Published: 2026-01-08T12:57:43Z Content type: article Language: en Sources: [FreeAgent]() Topics: [Ruby on Rails](), [Forms](), [JavaScript](), [web applications]() Tags: [forms](), [html](), [javascript](), [rails](), [ruby](), [ruby-on-rails](), [server-side-rendering](), [software-engineering](), [turbo](), [uncategorized]() ### AI overview This article examines a problem with maintaining nested form attribute indexes when Turbo Streams update part of a Ruby on Rails form. It explains how indexes are generated during server rendering and in browser-side JavaScript, and why introducing server-side Turbo Stream rendering creates additional complexity. ### Source excerpt Introduction We recently encountered an interesting problem when using Turbo Streams to update part of a complex nested form in FreeAgent's main Ruby on Rails web application. For those unfamiliar, nested forms allow a user to enter data relating to both a main parent object and its associated objects. This could be, for example, a [...] ## How Gradio Connects Machine Learning UIs and APIs DevFeed: [How Gradio Connects Machine Learning UIs and APIs]() Original publisher: [Read original article]() Author: yuvraj sharma; Abubakar Abid Published: 2025-04-16T00:00:00Z Content type: article Language: en Sources: [Hugging Face - Blog]() Topics: [gradio](), [Framework](), [AI Development](), [API](), [SDKs](), [Server-side rendering]() Tags: [api](), [development](), [framework](), [gradio](), [production](), [python](), [rest-api](), [sdks](), [server-side-rendering](), [tooling](), [ui-framework]() ### AI overview This article explains how Gradio supports machine learning applications through interactive UIs and APIs. It describes automatic REST API and documentation generation, Python and JavaScript client libraries, cURL access, the API Recorder, and server-side rendering introduced in Gradio 5.0. ### Source excerpt We're on a journey to advance and democratize artificial intelligence through open source and open science. ## Using Rails Views, Web Components, React, and Rails ViewComponents Together DevFeed: [Using Rails Views, Web Components, React, and Rails ViewComponents Together]() Original publisher: [Read original article]() Published: 2025-03-03T00:00:00Z Content type: opinion Language: en Sources: [Aha! Engineering Blog]() Topics: [Rails](), [React](), [Web Components](), [Server-side rendering](), [Front end](), [vendor lock-in]() Tags: [components](), [front-end](), [opinion](), [rails](), [react](), [server-side-rendering](), [vendor-lock-in]() ### AI overview The article argues that Rails views, web components, React, and Rails ViewComponents are not mutually exclusive. It explains that each approach addresses different problems and can be combined thoughtfully, including server rendering for simpler data-display features and web components for avoiding vendor lock-in. ### Source excerpt How many times have you heard or read statements like these in tech discussions?"Everything needs to be a single-page app these days. Server-rendered templates are holding you back.""Web components are the future. Why tie yourself to any framework?" ## React Libraries for 2026 DevFeed: [React Libraries for 2026]() Original publisher: [Read original article]() Author: Robin Wieruch Published: 2025-02-17T06:50:46Z Content type: tutorial Language: en Sources: [Robin Wieruch]() Topics: [React](), [Next.js](), [Vite](), [Server-side rendering]() Tags: [2026](), [frameworks](), [guide](), [libraries](), [next-js](), [react](), [react-libraries-2026](), [server-side-rendering](), [vite]() ### AI overview A guide to React libraries for 2026, covering recommendations for building large-scale React applications, including project setup, state, data fetching, routing, styling, UI, forms, testing, authentication, and hosting. It highlights Vite, Next.js, and TanStack Start as project and framework options. ### Source excerpt A curated list of React libraries for 2026 with recommendations for state, data fetching, routing, styling, UI, forms, testing, auth, and hosting. ## Welcome, Gradio 5 DevFeed: [Welcome, Gradio 5]() Original publisher: [Read original article]() Author: Abubakar Abid Published: 2024-10-09T00:00:00Z Content type: article Language: en Sources: [Hugging Face - Blog]() Topics: [gradio](), [Server-side rendering](), [Streaming](), [WebRTC](), [Open Source](), [Artificial Intelligence](), [object-detection](), [webcam]() Tags: [ai](), [gradio](), [object-detection](), [open-source](), [playground](), [python](), [security](), [server-side-rendering](), [spaces](), [time](), [webcam](), [webrtc]() ### AI overview Welcome, Gradio 5 introduces production-oriented improvements for building machine learning web applications in Python, including faster loading through server-side rendering, refreshed components and themes, low-latency streaming, WebRTC support, expanded streaming examples, an experimental AI Playground, and improved web security. ### Source excerpt We're on a journey to advance and democratize artificial intelligence through open source and open science. ## Firebase App Hosting: Environments & deployment settings DevFeed: [Firebase App Hosting: Environments & deployment settings]() Original publisher: [Read original article]() Author: Julia Reid; Tony Huang Published: 2024-09-12T00:00:00Z Content type: release Language: en Sources: [Firebase Blog]() Topics: [Firebase](), [Deployment](), [hosting](), [configuration](), [Serverless](), [CI/CD](), [Server-side rendering](), [GitHub]() Tags: [app-hosting](), [ci-cd](), [configuration](), [deployment](), [environment-variables](), [firebase](), [github](), [hosting](), [re](), [server-side-rendering](), [serverless](), [ssr](), [updates](), [web]() ### AI overview Firebase App Hosting now supports environment-specific apphosting.yaml configuration files, allowing different environment variables and runtime settings for environments such as production and staging. New deployment settings also let users disable automatic rollouts and change the live branch and root directory. ### Source excerpt News, tutorials, and updates from the Firebase team. ## Firebase App Hosting: July Update DevFeed: [Firebase App Hosting: July Update]() Original publisher: [Read original article]() Author: Julia Reid; Tony Huang Published: 2024-07-26T00:00:00Z Content type: release Language: en Sources: [Firebase Blog]() Topics: [Firebase](), [hosting](), [Serverless](), [Server-side rendering](), [Next.js](), [Tooling](), [GitHub]() Tags: [app-hosting](), [authentication](), [firebase](), [github](), [hosting](), [new-features](), [next-js](), [server-side-rendering](), [serverless](), [ssr](), [tooling]() ### AI overview Firebase App Hosting's July update adds wildcard subdomains, Nx monorepo support, multiple backends per project, Firebase Auth in Next.js middleware, and deployment of repository subdirectories. ### Source excerpt Nx Support. Wildcard subdomains. Auth middleware for Next.js and more! ## App Hosting vs. the original Hosting: Which one do I use? DevFeed: [App Hosting vs. the original Hosting: Which one do I use?]() Original publisher: [Read original article]() Author: Julia Reid; Thomas Bouldin Published: 2024-05-29T00:00:00Z Content type: comparison Language: en Sources: [Firebase Blog]() Topics: [Firebase](), [hosting](), [web applications](), [Angular](), [Next.js](), [Server-side rendering](), [Serverless](), [Web Development]() Tags: [angular](), [app](), [app-hosting](), [cloud](), [cloud-functions](), [cloud-run](), [firebase](), [hosting](), [next-js](), [server-side-rendering](), [serverless](), [ssr](), [web](), [web-development]() ### AI overview This article explains when to use Firebase App Hosting versus the original Firebase Hosting. App Hosting is presented for full-stack web apps built with modern server-rendered frameworks such as Angular and Next.js, while the original Hosting product is intended for static websites. ### Source excerpt Let's talk about what's new and different with App Hosting, and why you might want to use it for your next web app ## The open source Kahoot alternative DevFeed: [The open source Kahoot alternative]() Original publisher: [Read original article]() Author: Tyler Shukert Published: 2024-05-09T07:00:00Z Content type: tutorial Language: en Sources: [Supabase Blog]() Topics: [Supabase](), [Open Source](), [Next.js](), [Authentication](), [Database](), [GitHub](), [QR Code]() Tags: [app](), [authentication](), [building](), [code](), [database](), [github](), [next-js](), [open-source](), [qr-code](), [realtime](), [security](), [server-side-rendering]() ### AI overview A guide to building an open-source Kahoot alternative for Supabase community meetups. The Next.js app uses Supabase authentication, database, and realtime features to support hosts and players, including anonymous sign-in, row-level security, QR-code entry, quizzes, scoring, and leaderboards. ### Source excerpt How we built a Kahoot alternative for the Supabase community meetups. ## Astro 4.6 DevFeed: [Astro 4.6]() Original publisher: [Read original article]() Author: Erika; Emanuele Stoppa; Matthew Phillips; Nate Moore; Bjorn Lu Published: 2024-04-11T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [releases](), [Routing (disambiguation)](), [Command-line interface](), [Node.js]() Tags: [astro](), [cli](), [experimental](), [middleware](), [node-js](), [release](), [routing](), [server-side-rendering]() ### AI overview Astro 4.6 introduces manual routing for internationalized websites, movable dev toolbar positions, experimental CSRF protection for on-demand pages, expanded cookie attribute support, and deprecated support for older Node.js versions. The release can be installed through an automated CLI tool or manually with a package manager. ### Source excerpt Astro 4.6 is here! This release includes a new manual routing strategy for internationalization, the ability to move the dev toolbar, experimental support for CSRF protection, and more. ## Server-Side Rendering with AWS Amplify DevFeed: [Server-Side Rendering with AWS Amplify]() Original publisher: [Read original article]() Author: Guillermo Ojeda Published: 2023-10-24T18:31:48Z Content type: article Language: en Sources: [Guille Ojeda]() Topics: [Server-side rendering](), [Amazon Web Services](), [Website](), [Web Development]() Tags: [aws](), [aws-amplify](), [frontend-development](), [html](), [javascript](), [server-side-rendering]() ### AI overview This article explains the evolution from server-side rendering to client-side rendering and back to server-side rendering for JavaScript applications. It describes how running React code on servers can reduce load times and improve user experience, while cloud computing can make the required infrastructure more practical to operate. ### Source excerpt Note: This content was originally published at the Simple AWS newsletter. Back in the Paleolithic, which for software means 30 years ago, we had HTML, CSS and JavaScript, and we wrote all the structure of the website in HTML. When we wanted to create... ## Nuxt on the Edge DevFeed: [Nuxt on the Edge]() Original publisher: [Read original article]() Published: 2023-07-13T00:00:00Z Content type: article Language: en Sources: [The Nuxt Blog]() Topics: [Nuxt.js](), [Cloudflare Workers](), [Server-side rendering](), [V8](), [Vue.js](), [JavaScript](), [Latency](), [Node.js]() Tags: [article](), [cloudflare-workers](), [javascript](), [latency](), [nuxt](), [performance](), [server-side-rendering](), [v8](), [vue]() ### AI overview The article explains how Nuxt 3 was adapted to run on edge runtimes and V8 isolates, enabling server-side rendering close to users through platforms such as Cloudflare Workers. It describes the environmental portability work, the h3 server framework, code-splitting and lazy loading, and the reduction of cold-start time from about 300 ms to about 2 ms. ### Source excerpt Learn how we made Nuxt 3 capable of running on edge runtimes to run with server-side rendering close to your users. ## Infinite scroll with Next.js, Framer Motion, and Supabase DevFeed: [Infinite scroll with Next.js, Framer Motion, and Supabase]() Original publisher: [Read original article]() Author: Francesco Sansalvadore Published: 2023-04-04T07:00:00Z Content type: tutorial Language: en Sources: [Supabase Blog]() Topics: [infinite scroll](), [Next.js](), [Supabase](), [Framer Motion](), [web design](), [Server-side rendering](), [Caching]() Tags: [cache](), [code-splitting](), [data](), [how-to](), [infinite-scroll](), [next-js](), [performance](), [server-side-rendering](), [user-experience](), [web-design]() ### AI overview A tutorial on implementing infinite scrolling with Next.js, Supabase, and Framer Motion. It explains lazy loading ticket data in batches as the user scrolls, with techniques such as server-side rendering, code splitting, caching, prefetching, and debouncing to improve performance and user experience. ### Source excerpt Lazy load and paginate data on scroll with Next.js and a sprinkle of Framer Motion magic ✨ ## Introducing Nuxt DevTools DevFeed: [Introducing Nuxt DevTools]() Original publisher: [Read original article]() Author: For Module Authors Published: 2023-03-27T00:00:00Z Content type: article Language: en Sources: [The Nuxt Blog]() Topics: [Nuxt.js](), [Developer experience](), [developer tooling](), [Vite](), [Vue.js](), [TypeScript](), [Server-side rendering](), [Single-page application (SPA)]() Tags: [cloudflare](), [developer](), [developer-experience](), [frameworks](), [netlify](), [nuxt](), [release](), [routing](), [seo](), [server-side-rendering](), [typescript](), [vercel](), [vite](), [vue]() ### AI overview Nuxt introduces Nuxt DevTools, a tool designed to help developers understand their Nuxt applications and improve developer experience. The article discusses Nuxt's development conventions and features, including Vite-based development, flexible rendering and deployment options, TypeScript support, routing, auto-imports, components, and conventions that reduce boilerplate and improve productivity. ### Source excerpt Unleash the Developer Experience with Nuxt and understand your app better than ever. [Next page]()