MODELDRIFT.WATCH

Sep 22 · Day 13

SIGNIFICANT · GEMINI · QUESTION 31

Gemini took 31 seconds to answer a question about which JavaScript framework to start with, against its usual 19 seconds.

Why it’s significant

Response time is how long an answer takes to arrive, and it rises and falls with the network and how busy the provider is. So an unusual time is worth a look but says little about the model itself.

The full answers

Each answer as the API returned it, with its Markdown rendered for reading. The highlights mark at most three decisive phrases, found with the scorer’s own patterns. Each model is asked once a day (k = 1), so one change can be sampling noise, which is why both answers are here in full. How scoring works.

Asked verbatim · Question 31

Which JavaScript framework should I start a new project with today?

SEP 21beforePermalink

The short answer is: Start with a "meta-framework" like Next.js (React), Nuxt (Vue), or SvelteKit (Svelte).

The modern JavaScript ecosystem has moved away from basic Single Page Applications (SPAs) toward frameworks that handle routing, Server-Side Rendering (SSR), and API integrations out of the box.

To give you the best recommendation, here is a breakdown of what you should choose based on your project's goals.

1. The Safe, Industry Standard: React (via Next.js)

If you aren't sure what to pick, pick this. Next.js is the dominant framework in the industry today, heavily backed by Vercel.

  • •Why choose it: It has the largest ecosystem, the most third-party libraries (UI components, auth, databases), and it will be the easiest framework to hire for or get a job using. It supports React Server Components (RSCs), which is the cutting-edge way to build web apps.
  • •Best for: SaaS products, large-scale applications, e-commerce, and projects where you need a massive ecosystem of pre-built tools.
  • •Alternative: Remix. Also based on React, but with a different philosophy focused on web standards and data loading.

2. The Best Developer Experience: Vue.js (via Nuxt.js)

Vue is famous for taking the best parts of React and Angular and combining them into something much easier to use. Nuxt 3 is its modern meta-framework.

  • •Why choose it: It has a gentler learning curve than React, the documentation is incredible, and the "Composition API" makes writing clean, maintainable code very easy. It feels less "hacky" than React can sometimes feel.
  • •Best for: Small to medium teams, rapid prototyping, and developers who want a balance of structure and flexibility without the boilerplate of React.

3. The Performance & Modern Darling: Svelte (via SvelteKit)

Svelte consistently ranks as the "most loved" framework by developers. Unlike React or Vue, Svelte is a compiler—it translates your code into tiny, highly optimized vanilla JavaScript rather than using a heavy "Virtual DOM."

  • •Why choose it: You write significantly less code to achieve the same results. It is blindingly fast, lightweight, and features built-in state management that is incredibly intuitive.
  • •Best for: Highly interactive dashboards, data visualization, performance-critical apps, and developers tired of React's complexity.

4. For Content-Heavy Websites: Astro

If you are building a website rather than a complex web application, Astro is currently the best tool on the market.

  • •Why choose it: Astro ships zero JavaScript to the browser by default. However, if you need an interactive component (like a React image carousel or a Svelte search bar), you can drop it in using their "Islands Architecture." You can actually use React, Vue, and Svelte components inside Astro.
  • •Best for: Blogs, marketing websites, portfolios, documentation sites, and content-driven e-commerce storefronts.

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a "batteries-included" framework. Recently, Angular has undergone a massive renaissance (introducing "Signals" and standalone components), making it modern and fast again.

  • •Why choose it: It includes everything you need out of the box (routing, HTTP client, form validation) and enforces a strict, object-oriented, TypeScript-first architecture.
  • •Best for: Massive enterprise applications, banking software, and large corporate teams where strict code consistency is required.

TL;DR: The Decision Matrix

  • •Choose Next.js (React) if you want the most jobs, the biggest ecosystem, or are building a complex SaaS.
  • •Choose SvelteKit if you want the best performance, the cleanest code, and a modern developer experience.
  • •Choose Nuxt (Vue) if you want a great middle-ground between React's power and Svelte's ease-of-use.
  • •Choose Astro if you are building a blog, portfolio, or marketing site.
  • •(Note: If you just want a raw Single Page Application without a backend, don't use "Create React App". Use Vite with React, Vue, or Svelte).

SEP 22afterPermalink

Because there is no "one size fits all" answer in JavaScript, the best framework for you depends entirely on what you are building and what your goals are.

Here is the breakdown of the best choices to start a project with today, categorized by use case.

1. The Safe Bet & Industry Standard: React (via Next.js)

If you want access to the largest ecosystem, the most third-party libraries, and the easiest time finding answers on StackOverflow or ChatGPT, React is still king.

  • •How to start: Do not use Create React App (it is deprecated). Start with Next.js (for full-stack, SEO-friendly apps) or Vite + React (for internal dashboards or pure frontend apps).
  • •Best for: SaaS products, highly interactive web apps, finding a job, or hiring developers.
  • •Pros: Massive community, universal standard, React Native makes mobile app porting easier.
  • •Cons: React has a lot of "gotchas" (like useEffect behavior), and Next.js has become quite complex recently with Server Components.
  • •Alternative: Remix is an excellent, highly-respected alternative to Next.js in the React ecosystem that focuses heavily on web fundamentals.

2. The Best Developer Experience: Svelte (via SvelteKit)

Svelte has consistently ranked as the "most loved" framework by developers for years. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into tiny, vanilla JavaScript.

  • •How to start: Use SvelteKit.
  • •Best for: Solo developers, small startups, highly interactive apps, and developers who want to write less boilerplate code.
  • •Pros: Extremely fast, intuitive syntax (it feels like writing standard HTML/JS), very little boilerplate, built-in state management.
  • •Cons: Smaller ecosystem than React; fewer third-party UI libraries (though this is improving rapidly).

3. The Best for Content & SEO: Astro

If you are not building a complex web app, but rather a site where people consume content, Astro is the undisputed champion right now.

  • •Best for: Blogs, portfolios, marketing websites, e-commerce storefronts, and documentation.
  • •Pros: It ships zero JavaScript to the browser by default, making it incredibly fast. It uses an "Islands Architecture," meaning you can make just one button interactive while the rest of the page remains static HTML.
  • •Superpower: You can use React, Vue, or Svelte components inside an Astro project. You don't have to choose just one.

4. The Pragmatic Middle-Ground: Vue.js (via Nuxt 3)

Vue combines the best parts of React (component-based UI) and Angular (clean separation of concerns) into a highly approachable framework.

  • •How to start: Use Nuxt.js (for full-stack/SSR) or Vite + Vue (for SPAs).
  • •Best for: Teams who want a clean, organized codebase without the strictness of Angular or the "wild west" freedom of React.
  • •Pros: Fantastic official documentation, highly intuitive, excellent reactivity system, very popular in Europe and Asia.
  • •Cons: Ecosystem is smaller than React's.

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a full-fledged, opinionated framework. It includes everything you need (routing, state management, HTTP client) right out of the box.

  • •Best for: Large enterprise applications, massive corporate teams, and complex internal tooling.
  • •Pros: Highly structured. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is. Excellent TypeScript integration.
  • •Cons: Very steep learning curve. Can feel "heavy" for simple projects.

Summary: How to decide today?

  • •If your main goal is to get a job 👉 Learn React / Next.js.
  • •If you are building a blog or marketing site 👉 Use Astro.
  • •If you are building a startup/SaaS and want to move fast 👉 Use SvelteKit or Nuxt.
  • •If you are building an internal dashboard behind a login 👉 Use Vite + React or Vite + Vue.
  • •If you are building an enterprise app with a massive team 👉 Use Angular.

Note: Regardless of what you choose, if you are building a pure Single Page Application (SPA), make sure you are using Vite as your build tool. It is the modern standard and incredibly fast.

Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before baseline

2026-09-21 permalink

Scored
answered
Received
2026-09-21 09:25:38 UTC
Run
20260921T090021Z-989a7c
Served by
Google · HTTP 200 · finish stop
Size
4,116 characters · 2,062 tokens out incl. hidden reasoning · 17.5 s
The short answer is: **Start with a "meta-framework" like Next.js (React), Nuxt (Vue), or SvelteKit (Svelte).**
The modern JavaScript ecosystem has moved away from basic Single Page Applications (SPAs) toward frameworks that handle routing, Server-Side Rendering (SSR), and API integrations out of the box.
To give you the best recommendation, here is a breakdown of what you should choose based on your project's goals.
---
### 1. The Safe, Industry Standard: React (via Next.js)
If you aren't sure what to pick, pick this. Next.js is the dominant framework in the industry today, heavily backed by Vercel.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries (UI components, auth, databases), and it will be the easiest framework to hire for or get a job using. It supports React Server Components (RSCs), which is the cutting-edge way to build web apps.
* **Best for:** SaaS products, large-scale applications, e-commerce, and projects where you need a massive ecosystem of pre-built tools.
* **Alternative:** **Remix**. Also based on React, but with a different philosophy focused on web standards and data loading.
### 2. The Best Developer Experience: Vue.js (via Nuxt.js)
Vue is famous for taking the best parts of React and Angular and combining them into something much easier to use. Nuxt 3 is its modern meta-framework.
* **Why choose it:** It has a gentler learning curve than React, the documentation is incredible, and the "Composition API" makes writing clean, maintainable code very easy. It feels less "hacky" than React can sometimes feel.
* **Best for:** Small to medium teams, rapid prototyping, and developers who want a balance of structure and flexibility without the boilerplate of React.
### 3. The Performance & Modern Darling: Svelte (via SvelteKit)
Svelte consistently ranks as the "most loved" framework by developers. Unlike React or Vue, Svelte is a compiler—it translates your code into tiny, highly optimized vanilla JavaScript rather than using a heavy "Virtual DOM."
* **Why choose it:** You write significantly less code to achieve the same results. It is blindingly fast, lightweight, and features built-in state management that is incredibly intuitive.
* **Best for:** Highly interactive dashboards, data visualization, performance-critical apps, and developers tired of React's complexity.
### 4. For Content-Heavy Websites: Astro
If you are building a website rather than a complex web *application*, Astro is currently the best tool on the market.
* **Why choose it:** Astro ships **zero JavaScript** to the browser by default. However, if you need an interactive component (like a React image carousel or a Svelte search bar), you can drop it in using their "Islands Architecture." You can actually use React, Vue, and Svelte components *inside* Astro.
* **Best for:** Blogs, marketing websites, portfolios, documentation sites, and content-driven e-commerce storefronts.
### 5. The Enterprise Heavyweight: Angular
Backed by Google, Angular is a "batteries-included" framework. Recently, Angular has undergone a massive renaissance (introducing "Signals" and standalone components), making it modern and fast again.
* **Why choose it:** It includes everything you need out of the box (routing, HTTP client, form validation) and enforces a strict, object-oriented, TypeScript-first architecture.
* **Best for:** Massive enterprise applications, banking software, and large corporate teams where strict code consistency is required.
---
### TL;DR: The Decision Matrix
* Choose **Next.js (React)** if you want the most jobs, the biggest ecosystem, or are building a complex SaaS.
* Choose **SvelteKit** if you want the best performance, the cleanest code, and a modern developer experience.
* Choose **Nuxt (Vue)** if you want a great middle-ground between React's power and Svelte's ease-of-use.
* Choose **Astro** if you are building a blog, portfolio, or marketing site.
* *(Note: If you just want a raw Single Page Application without a backend, don't use "Create React App". Use **Vite** with React, Vue, or Svelte).*

End of response · 43 lines · 4,116 characters · sha256 a69ec55dd6f1b4e14ddf026f38f51f3e4c2cd2bdcba26c0c5aec65ec3c2e110c

After this run

2026-09-22 permalink

Scored
answered
Received
2026-09-22 09:25:43 UTC
Run
20260922T090022Z-7ff13b
Served by
Google AI Studio · HTTP 200 · finish stop
Size
4,351 characters · 2,179 tokens out incl. hidden reasoning · 30.9 s
Because there is no "one size fits all" answer in JavaScript, the best framework for you depends entirely on **what you are building** and **what your goals are**.
Here is the breakdown of the best choices to start a project with today, categorized by use case.
---
### 1. The Safe Bet & Industry Standard: React (via Next.js)
If you want access to the largest ecosystem, the most third-party libraries, and the easiest time finding answers on StackOverflow or ChatGPT, React is still king.
* **How to start:** Do not use `Create React App` (it is deprecated). Start with **Next.js** (for full-stack, SEO-friendly apps) or **Vite + React** (for internal dashboards or pure frontend apps).
* **Best for:** SaaS products, highly interactive web apps, finding a job, or hiring developers.
* **Pros:** Massive community, universal standard, React Native makes mobile app porting easier.
* **Cons:** React has a lot of "gotchas" (like `useEffect` behavior), and Next.js has become quite complex recently with Server Components.
* *Alternative:* **Remix** is an excellent, highly-respected alternative to Next.js in the React ecosystem that focuses heavily on web fundamentals.
### 2. The Best Developer Experience: Svelte (via SvelteKit)
Svelte has consistently ranked as the "most loved" framework by developers for years. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into tiny, vanilla JavaScript.
* **How to start:** Use **SvelteKit**.
* **Best for:** Solo developers, small startups, highly interactive apps, and developers who want to write less boilerplate code.
* **Pros:** Extremely fast, intuitive syntax (it feels like writing standard HTML/JS), very little boilerplate, built-in state management.
* **Cons:** Smaller ecosystem than React; fewer third-party UI libraries (though this is improving rapidly).
### 3. The Best for Content & SEO: Astro
If you are not building a complex web app, but rather a site where people *consume content*, Astro is the undisputed champion right now.
* **Best for:** Blogs, portfolios, marketing websites, e-commerce storefronts, and documentation.
* **Pros:** It ships **zero JavaScript** to the browser by default, making it incredibly fast. It uses an "Islands Architecture," meaning you can make just one button interactive while the rest of the page remains static HTML.
* **Superpower:** You can use React, Vue, or Svelte components *inside* an Astro project. You don't have to choose just one.
### 4. The Pragmatic Middle-Ground: Vue.js (via Nuxt 3)
Vue combines the best parts of React (component-based UI) and Angular (clean separation of concerns) into a highly approachable framework.
* **How to start:** Use **Nuxt.js** (for full-stack/SSR) or **Vite + Vue** (for SPAs).
* **Best for:** Teams who want a clean, organized codebase without the strictness of Angular or the "wild west" freedom of React.
* **Pros:** Fantastic official documentation, highly intuitive, excellent reactivity system, very popular in Europe and Asia.
* **Cons:** Ecosystem is smaller than React's.
### 5. The Enterprise Heavyweight: Angular
Backed by Google, Angular is a full-fledged, opinionated framework. It includes everything you need (routing, state management, HTTP client) right out of the box.
* **Best for:** Large enterprise applications, massive corporate teams, and complex internal tooling.
* **Pros:** Highly structured. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is. Excellent TypeScript integration.
* **Cons:** Very steep learning curve. Can feel "heavy" for simple projects.
---
### Summary: How to decide today?
* If your main goal is to **get a job** 👉 Learn **React / Next.js**.
* If you are building a **blog or marketing site** 👉 Use **Astro**.
* If you are building a **startup/SaaS** and want to move fast 👉 Use **SvelteKit** or **Nuxt**.
* If you are building an **internal dashboard** behind a login 👉 Use **Vite + React** or **Vite + Vue**.
* If you are building an **enterprise app** with a massive team 👉 Use **Angular**.
*Note: Regardless of what you choose, if you are building a pure Single Page Application (SPA), make sure you are using **Vite** as your build tool. It is the modern standard and incredibly fast.*

End of response · 56 lines · 4,351 characters · sha256 8913f8902e9fbbb9fdd6a2f9aae2179bb3225e92151ccec3bbdce1a43b20aaee

Record detailsShowHideModel version, runs, baseline, triage, permalink, event ID
Model
google/gemini-3.1-pro-preview
pinned google/gemini-3.1-pro-preview-20260219; alias resolved to google/gemini-3.1-pro-preview-20260219 at 2026-09-22 09:00:21 UTC (matches the pin)
Prompt
Question 31: P26 (recommendation)
Why this question
Tools for building websites change fast, so the answer shows how current a model’s knowledge is.
Change
30,881 ms against a baseline of 18,529 ms (1.7×; z = 3.41, σ = 0.15 in log units, D34 n=7)
Baseline
7 prior days with data; 7 matched the baseline value (2026-09-15, 2026-09-16, 2026-09-17, 2026-09-18, 2026-09-19, 2026-09-20, 2026-09-21)
Responses
before 2026-09-21 09:25:38 UTC, run 20260921T090021Z-989a7c; after 2026-09-22 09:25:43 UTC, run 20260922T090022Z-7ff13b
Detected
2026-09-22 · run 20260922T090022Z-7ff13b, started 2026-09-22 09:00:22 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-22/P26/google/gemini-3.1-pro-preview/anomaly/latency_ms/
Event ID
2026-09-22:P26:google/gemini-3.1-pro-preview:anomaly:latency_ms

Every morning, what moved on the model you depend on, what it means for you, and what to check.

$9 a month. Cancel any time. The next one tomorrow morning.

Get the daily brief

$99 once, for as long as modeldrift.watch runs. The first 100 buyers.

The record stays free. The brief is the reading of it.