MODELDRIFT.WATCH

Sep 23 · Day 14

SIGNIFICANT · GEMINI · QUESTION 31

Gemini went back to its usual response time on a question about which JavaScript framework to start with.

Why it’s significant

The change lasted one day before the model went back.

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 22the changePermalink

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.

SEP 23backPermalink

Choosing a JavaScript framework today depends entirely on what you are building and what your goals are (e.g., getting a job, building a startup, maximizing developer enjoyment).

However, the biggest shift in modern web development is that you rarely start with a base framework anymore. Instead, you use a meta-framework that handles routing, server-side rendering (SSR), and bundling out of the box.

Here is the current landscape and how to choose the right one for your new project:


1. The Industry Standard: Next.js (React)

React is the undisputed king of market share, and Next.js is the premier way to build React apps today.

  • •Why choose it: It has the largest ecosystem, the most third-party libraries, and the most community support. If you run into a bug, someone else has already solved it. It supports cutting-edge features like React Server Components.
  • •Best for: SaaS products, complex web apps, scalable startups, and getting a job (most companies use React).
  • •The Catch: React has a steeper learning curve than some alternatives, and the recent shift to Server Components has made the architecture somewhat complex.

2. The Developer Experience (DX) Champion: Nuxt 3 (Vue.js)

Vue has always been praised for being intuitive and clean. Nuxt 3 is the meta-framework that takes Vue to the next level.

  • •Why choose it: It strikes the perfect balance between the power of React and the simplicity of basic HTML/JS. The documentation is spectacular, the reactivity system is highly intuitive, and it requires much less boilerplate code than React.
  • •Best for: Developers who want a smooth, enjoyable coding experience, fast prototyping, and highly interactive applications.
  • •The Catch: The job market for Vue is smaller than React in the US (though it is massive in Europe and Asia).

3. The Modern Innovator: SvelteKit (Svelte)

Svelte is consistently ranked as the most loved framework by developers. SvelteKit is its meta-framework.

  • •Why choose it: Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It acts as a compiler, turning your code into highly optimized, vanilla JavaScript. This means incredibly fast performance and very small bundle sizes. It feels like writing plain HTML, CSS, and JS.
  • •Best for: Performance-critical apps, solo developers, and highly interactive dashboards.
  • •The Catch: The ecosystem is smaller. You might have to build your own UI components instead of relying on pre-built libraries.

4. The Content King: Astro

Astro is the hottest framework right now for content-driven websites.

  • •Why choose it: By default, Astro ships zero JavaScript to the browser, making it blisteringly fast. It uses an "Islands Architecture," meaning you can build a static site and only add JS to the specific components that need it (like an image carousel or a dark-mode toggle). The best part? You can write Astro components, or use React, Vue, or Svelte components inside your Astro project.
  • •Best for: Blogs, portfolios, marketing websites, documentation sites, and e-commerce storefronts.
  • •The Catch: It is not designed for heavy, dashboard-style Single Page Applications (SPAs) where the user is constantly interacting with the app.

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a fully-fledged, opinionated framework.

  • •Why choose it: It comes with absolutely everything out of the box (routing, state management, form validation, HTTP client). It enforces a strict TypeScript architecture, making it very hard to write "spaghetti code." Recent updates (like Signals) have modernized Angular and made it much faster.
  • •Best for: Massive enterprise applications, banking software, and large teams where strict consistency is required.
  • •The Catch: It has the steepest learning curve and is very verbose. It is generally overkill for a solo developer or a small startup.

Summary: Which should you choose today?

  • •Choose Next.js (React) if you want to maximize your chances of getting hired, or if you need to use a very specific third-party library.
  • •Choose Nuxt (Vue) or SvelteKit if you want to build a web app/SaaS quickly, with a focus on great developer experience and clean code.
  • •Choose Astro if you are building a content site (blog, marketing, portfolio) and want maximum SEO and load speeds.
  • •Choose Angular if you are building a massive enterprise application with a large corporate team.

If you are completely torn and just want a safe recommendation for a standard web app today: Go with Next.js. It is the safest bet for longevity and support.

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

Deviation the day it changed

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

Reverted back to baseline

2026-09-23 permalink

Scored
answered
Received
2026-09-23 09:22:38 UTC
Run
20260923T090022Z-9b7b3a
Served by
Google · HTTP 200 · finish stop
Size
4,715 characters · 2,332 tokens out incl. hidden reasoning · 19.7 s
Choosing a JavaScript framework today depends entirely on **what you are building** and **what your goals are** (e.g., getting a job, building a startup, maximizing developer enjoyment).
However, the biggest shift in modern web development is that **you rarely start with a base framework anymore.** Instead, you use a **meta-framework** that handles routing, server-side rendering (SSR), and bundling out of the box.
Here is the current landscape and how to choose the right one for your new project:
---
### 1. The Industry Standard: Next.js (React)
*React is the undisputed king of market share, and Next.js is the premier way to build React apps today.*
* **Why choose it:** It has the largest ecosystem, the most third-party libraries, and the most community support. If you run into a bug, someone else has already solved it. It supports cutting-edge features like React Server Components.
* **Best for:** SaaS products, complex web apps, scalable startups, and **getting a job** (most companies use React).
* **The Catch:** React has a steeper learning curve than some alternatives, and the recent shift to Server Components has made the architecture somewhat complex.
### 2. The Developer Experience (DX) Champion: Nuxt 3 (Vue.js)
*Vue has always been praised for being intuitive and clean. Nuxt 3 is the meta-framework that takes Vue to the next level.*
* **Why choose it:** It strikes the perfect balance between the power of React and the simplicity of basic HTML/JS. The documentation is spectacular, the reactivity system is highly intuitive, and it requires much less boilerplate code than React.
* **Best for:** Developers who want a smooth, enjoyable coding experience, fast prototyping, and highly interactive applications.
* **The Catch:** The job market for Vue is smaller than React in the US (though it is massive in Europe and Asia).
### 3. The Modern Innovator: SvelteKit (Svelte)
*Svelte is consistently ranked as the most loved framework by developers. SvelteKit is its meta-framework.*
* **Why choose it:** Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It acts as a compiler, turning your code into highly optimized, vanilla JavaScript. This means incredibly fast performance and very small bundle sizes. It feels like writing plain HTML, CSS, and JS.
* **Best for:** Performance-critical apps, solo developers, and highly interactive dashboards.
* **The Catch:** The ecosystem is smaller. You might have to build your own UI components instead of relying on pre-built libraries.
### 4. The Content King: Astro
*Astro is the hottest framework right now for content-driven websites.*
* **Why choose it:** By default, Astro ships **zero JavaScript** to the browser, making it blisteringly fast. It uses an "Islands Architecture," meaning you can build a static site and only add JS to the specific components that need it (like an image carousel or a dark-mode toggle). The best part? You can write Astro components, or use React, Vue, or Svelte components *inside* your Astro project.
* **Best for:** Blogs, portfolios, marketing websites, documentation sites, and e-commerce storefronts.
* **The Catch:** It is not designed for heavy, dashboard-style Single Page Applications (SPAs) where the user is constantly interacting with the app.
### 5. The Enterprise Heavyweight: Angular
*Backed by Google, Angular is a fully-fledged, opinionated framework.*
* **Why choose it:** It comes with absolutely everything out of the box (routing, state management, form validation, HTTP client). It enforces a strict TypeScript architecture, making it very hard to write "spaghetti code." Recent updates (like Signals) have modernized Angular and made it much faster.
* **Best for:** Massive enterprise applications, banking software, and large teams where strict consistency is required.
* **The Catch:** It has the steepest learning curve and is very verbose. It is generally overkill for a solo developer or a small startup.
---
### Summary: Which should you choose today?
* Choose **Next.js (React)** if you want to **maximize your chances of getting hired**, or if you need to use a very specific third-party library.
* Choose **Nuxt (Vue)** or **SvelteKit** if you want to **build a web app/SaaS** quickly, with a focus on great developer experience and clean code.
* Choose **Astro** if you are building a **content site** (blog, marketing, portfolio) and want maximum SEO and load speeds.
* Choose **Angular** if you are building a **massive enterprise application** with a large corporate team.
**If you are completely torn and just want a safe recommendation for a standard web app today:** Go with **Next.js**. It is the safest bet for longevity and support.

End of response · 48 lines · 4,715 characters · sha256 b4f2cb0a051b9e0296c53184bdeedaaca66643eff2cf77c782b6925d0ba0b693

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-23 09:00:22 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
18529 → 30881
Baseline
7 prior days with data; 8 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, 2026-09-22)
Responses
deviation 2026-09-22 09:25:43 UTC, run 20260922T090022Z-7ff13b; reverted 2026-09-23 09:22:38 UTC, run 20260923T090022Z-9b7b3a
Detected
2026-09-23 · run 20260923T090022Z-9b7b3a, started 2026-09-23 09:00:22 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-23/P26/google/gemini-3.1-pro-preview/transient_anomaly/latency_ms/
Event ID
2026-09-23:P26:google/gemini-3.1-pro-preview:transient_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.