MODELDRIFT.WATCH

Oct 2 · Day 23

MINOR · GEMINI · QUESTION 31

Gemini went back to its earlier list for a question about which JavaScript framework to start with.

Why it’s minor

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?

OCT 1the changePermalink

Picks read from the answer, in order
  1. Next.js
  2. Nuxt 3
  3. SvelteKit
  4. Astro
  5. Angular

Choosing a JavaScript framework today depends entirely on what you are building, your team's experience, and your goals. The JavaScript ecosystem has shifted heavily toward "meta-frameworks" (frameworks built on top of libraries like React or Vue that handle routing, server-side rendering, and backend logic).

Here is the breakdown of what you should choose to start a new project today, based on your specific needs:

1. The Default "Safe" Choice: Next.js (React)

If you aren't sure what to pick, pick Next.js. React is the industry standard, but building a raw React app (like the old Create React App) is no longer recommended. Next.js is the official modern way to build React applications.

  • •Why choose it: It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire developers for. It supports Server-Side Rendering (SSR) and the new React Server Components.
  • •Best for: SaaS products, large-scale web applications, e-commerce, and AI wrappers.
  • •Drawback: React's learning curve can be steep (handling re-renders, useEffect, etc.), and Next.js has become quite complex in its latest versions (the App Router).

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

Vue.js has long been praised as the most intuitive framework, taking the best parts of React and Angular. Nuxt 3 is the meta-framework for Vue (equivalent to Next.js for React).

  • •Why choose it: Vue’s Composition API is incredibly clean. You don't have to fight the framework to manage state or reactivity. The documentation is pristine, and development speed is extremely fast.
  • •Best for: Small to medium-sized teams, complex single-page apps (SPAs), and developers who are frustrated by React's complexity.
  • •Drawback: The ecosystem and job market are slightly smaller than React's.

3. The Performance & Innovation Choice: SvelteKit (Svelte)

Svelte consistently ranks as the most loved framework by developers. Instead of doing the heavy lifting in the browser (like React and Vue), Svelte compiles your code into tiny, optimized vanilla JavaScript during the build step.

  • •Why choose it: It requires writing significantly less code. There is no virtual DOM, meaning it is blazing fast. SvelteKit provides a phenomenal, out-of-the-box full-stack experience.
  • •Best for: Highly interactive UIs, personal projects, startups prioritizing speed, and apps where small bundle size is critical.
  • •Drawback: Smaller ecosystem. If you need a highly specific, complex UI component library (like a heavy data grid), you might have to build it yourself.

4. The Content / Website King: Astro

Astro has taken the web development world by storm. It is designed specifically for content-heavy websites.

  • •Why choose it: It ships zero JavaScript by default, making websites incredibly fast. If you need interactivity, it uses "Islands Architecture," meaning you can use React, Vue, or Svelte components inside your Astro project only where needed (like an image carousel or a buy button).
  • •Best for: Blogs, marketing websites, portfolios, documentation, and SEO-critical landing pages.
  • •Drawback: Not ideal for highly complex, dashboard-style web applications (though it is improving in this area).

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a fully featured, "batteries-included" framework. Recently, Angular has undergone a massive renaissance, modernizing its syntax (Signals, Standalone Components) to be much faster and easier to write.

  • •Why choose it: It has strict rules, uses TypeScript by default, and includes routing, HTTP clients, and form validations out of the box. Because it is highly opinionated, every Angular project looks similar, making it easy for developers to jump between projects.
  • •Best for: Massive enterprise applications, banking software, and large teams where strict architectural rules are required.
  • •Drawback: Very steep learning curve and heavier initial bundle sizes.

Summary: Which should you choose?

  • •If you want a job or the biggest ecosystem: Choose Next.js (React).
  • •If you are building a blog or marketing site: Choose Astro.
  • •If you want to build fast and enjoy writing code: Choose Nuxt (Vue) or SvelteKit.
  • •If you are building massive enterprise software: Choose Angular.

OCT 2backPermalink

Picks read from the answer, in order
  1. React + Next.js
  2. Astro
  3. Svelte + SvelteKit
  4. Vue + Nuxt 3
  5. Angular

Because you didn't specify the type of project, there is no single "best" answer. However, the JavaScript landscape in 2024 has consolidated around a few clear winners based on specific use cases.

Here is the breakdown of which framework you should choose today, based on what you are building.

1. The "Safe & Industry Standard" Choice: React + Next.js

If you want the largest ecosystem, the most third-party libraries, the easiest time finding solutions on StackOverflow, and the most hirable skill set, choose Next.js (which is built on top of React).

  • •Why? It handles everything from static websites to highly dynamic, server-rendered SaaS applications. Vercel (the company behind it) is pushing the boundaries of what React can do with Server Components.
  • •Best for: SaaS platforms, large e-commerce sites, complex dashboards, or if you plan to hire a team later.
  • •Alternative: Remix. Also built on React, Remix is heavily loved by developers right now for its focus on native web standards and excellent data-fetching model.

2. The "Content & Speed" Choice: Astro

If you are building a website where SEO and loading speed are the top priorities, Astro is currently the undisputed king.

  • •Why? Astro ships zero JavaScript to the browser by default. If you need an interactive component (like an image carousel), you can build just that one component using React, Vue, or Svelte, and Astro will load it as an isolated "Island."
  • •Best for: Blogs, marketing websites, portfolios, documentation, and publishing platforms.

3. The "Developer Experience" Choice: Svelte + SvelteKit

If you want to write less code, avoid the complexities of React (like useEffect and the virtual DOM), and have a blazing-fast app, choose SvelteKit.

  • •Why? Svelte shifts the work from the browser to the compile step. The syntax looks incredibly close to plain HTML/CSS/JavaScript. It routinely ranks as the most loved framework in developer surveys.
  • •Best for: Indie hackers, small teams, highly interactive web apps, and developers who are tired of React's boilerplate.

4. The "Balanced & Approachable" Choice: Vue + Nuxt 3

Vue sits comfortably between React's massive scale and Svelte's simplicity. Nuxt 3 is the meta-framework for Vue.

  • •Why? Vue has an incredibly gentle learning curve but scales beautifully. Unlike React, Vue’s core team officially maintains the router and state management tools, meaning less dependency fatigue.
  • •Best for: Traditional web apps, teams migrating from older tech stacks (like jQuery or Laravel), and developers who like clean, separated file structures.

5. The "Enterprise Heavyweight" Choice: Angular

Angular (backed by Google) recently underwent a massive renaissance (v17+) that modernized it completely.

  • •Why? It is "batteries included." You don't have to choose a router, a state manager, or an HTTP client—Angular provides standard, strict ways to do everything. It relies heavily on TypeScript and Object-Oriented Programming principles.
  • •Best for: Massive enterprise applications, banking software, or large teams of developers where strict architectural rules are required.

A Crucial Rule for 2024: Use a Meta-Framework or Vite

Do not start a project using Create React App (it is officially deprecated). Today, you should either:

  • 1.Use a Meta-Framework: (Next.js, Nuxt, SvelteKit, Remix). These handle routing, server-side rendering, and API routes out of the box.
  • 2.Use Vite: If you strictly want a traditional Single Page Application (SPA) with no server-side rendering, generate your project using Vite (e.g., npm create vite@latest).

Summary Recommendation:

  • •Building a startup/SaaS? Use Next.js (or Remix).
  • •Building a blog/marketing site? Use Astro.
  • •Building a personal project or want to move fast? Use SvelteKit.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Deviation the day it changed

2026-10-01 permalink

Scored
answered
Received
2026-10-01 09:23:15 UTC
Run
20261001T090007Z-857bc9
Served by
Google · HTTP 200 · finish stop
Size
4,461 characters · 2,143 tokens out incl. hidden reasoning · 20.0 s
Extracted picks, in order · confidence high
  1. Next.js
  2. Nuxt 3
  3. SvelteKit
  4. Astro
  5. Angular

Highlighted: the names the extractor took as picks, where they appear verbatim (5 of 5).

Choosing a JavaScript framework today depends entirely on **what you are building, your team's experience, and your goals**. The JavaScript ecosystem has shifted heavily toward "meta-frameworks" (frameworks built *on top* of libraries like React or Vue that handle routing, server-side rendering, and backend logic).
Here is the breakdown of what you should choose to start a new project today, based on your specific needs:
---
### 1. The Default "Safe" Choice: **Next.js (React)**
If you aren't sure what to pick, pick Next.js. React is the industry standard, but building a raw React app (like the old `Create React App`) is no longer recommended. Next.js is the official modern way to build React applications.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire developers for. It supports Server-Side Rendering (SSR) and the new React Server Components.
* **Best for:** SaaS products, large-scale web applications, e-commerce, and AI wrappers.
* **Drawback:** React's learning curve can be steep (handling re-renders, `useEffect`, etc.), and Next.js has become quite complex in its latest versions (the App Router).
### 2. The Best Developer Experience: **Nuxt 3 (Vue.js)**
Vue.js has long been praised as the most intuitive framework, taking the best parts of React and Angular. Nuxt 3 is the meta-framework for Vue (equivalent to Next.js for React).
* **Why choose it:** Vue’s Composition API is incredibly clean. You don't have to fight the framework to manage state or reactivity. The documentation is pristine, and development speed is extremely fast.
* **Best for:** Small to medium-sized teams, complex single-page apps (SPAs), and developers who are frustrated by React's complexity.
* **Drawback:** The ecosystem and job market are slightly smaller than React's.
### 3. The Performance & Innovation Choice: **SvelteKit (Svelte)**
Svelte consistently ranks as the most loved framework by developers. Instead of doing the heavy lifting in the browser (like React and Vue), Svelte compiles your code into tiny, optimized vanilla JavaScript during the build step.
* **Why choose it:** It requires writing significantly less code. There is no virtual DOM, meaning it is blazing fast. SvelteKit provides a phenomenal, out-of-the-box full-stack experience.
* **Best for:** Highly interactive UIs, personal projects, startups prioritizing speed, and apps where small bundle size is critical.
* **Drawback:** Smaller ecosystem. If you need a highly specific, complex UI component library (like a heavy data grid), you might have to build it yourself.
### 4. The Content / Website King: **Astro**
Astro has taken the web development world by storm. It is designed specifically for content-heavy websites.
* **Why choose it:** It ships **zero JavaScript by default**, making websites incredibly fast. If you need interactivity, it uses "Islands Architecture," meaning you can use React, Vue, or Svelte components *inside* your Astro project only where needed (like an image carousel or a buy button).
* **Best for:** Blogs, marketing websites, portfolios, documentation, and SEO-critical landing pages.
* **Drawback:** Not ideal for highly complex, dashboard-style web applications (though it is improving in this area).
### 5. The Enterprise Heavyweight: **Angular**
Backed by Google, Angular is a fully featured, "batteries-included" framework. Recently, Angular has undergone a massive renaissance, modernizing its syntax (Signals, Standalone Components) to be much faster and easier to write.
* **Why choose it:** It has strict rules, uses TypeScript by default, and includes routing, HTTP clients, and form validations out of the box. Because it is highly opinionated, every Angular project looks similar, making it easy for developers to jump between projects.
* **Best for:** Massive enterprise applications, banking software, and large teams where strict architectural rules are required.
* **Drawback:** Very steep learning curve and heavier initial bundle sizes.
---
### Summary: Which should you choose?
* If you want a **job** or the **biggest ecosystem**: Choose **Next.js (React)**.
* If you are building a **blog or marketing site**: Choose **Astro**.
* If you want to build fast and **enjoy writing code**: Choose **Nuxt (Vue)** or **SvelteKit**.
* If you are building massive **enterprise software**: Choose **Angular**.

End of response · 44 lines · 4,461 characters · sha256 54096fc11d8989f7e6a2e9f0c1cb235eb86adb6f67147ddc03b817a1d73265a9

Reverted back to baseline

2026-10-02 permalink

Scored
answered
Received
2026-10-02 09:23:14 UTC
Run
20261002T090008Z-e178a0
Served by
Google · HTTP 200 · finish stop
Size
3,960 characters · 2,082 tokens out incl. hidden reasoning · 19.4 s
Extracted picks, in order · confidence high
  1. React + Next.js
  2. Astro
  3. Svelte + SvelteKit
  4. Vue + Nuxt 3
  5. Angular

Highlighted: the names the extractor took as picks, where they appear verbatim (5 of 5).

Because you didn't specify the type of project, there is no single "best" answer. However, the JavaScript landscape in 2024 has consolidated around a few clear winners based on specific use cases.
Here is the breakdown of which framework you should choose today, based on what you are building.
---
### 1. The "Safe & Industry Standard" Choice: React + Next.js
If you want the largest ecosystem, the most third-party libraries, the easiest time finding solutions on StackOverflow, and the most hirable skill set, choose **Next.js** (which is built on top of **React**).
* **Why?** It handles everything from static websites to highly dynamic, server-rendered SaaS applications. Vercel (the company behind it) is pushing the boundaries of what React can do with Server Components.
* **Best for:** SaaS platforms, large e-commerce sites, complex dashboards, or if you plan to hire a team later.
* **Alternative:** **Remix**. Also built on React, Remix is heavily loved by developers right now for its focus on native web standards and excellent data-fetching model.
### 2. The "Content & Speed" Choice: Astro
If you are building a website where SEO and loading speed are the top priorities, **Astro** is currently the undisputed king.
* **Why?** Astro ships **zero JavaScript to the browser by default**. If you need an interactive component (like an image carousel), you can build just that one component using React, Vue, or Svelte, and Astro will load it as an isolated "Island."
* **Best for:** Blogs, marketing websites, portfolios, documentation, and publishing platforms.
### 3. The "Developer Experience" Choice: Svelte + SvelteKit
If you want to write less code, avoid the complexities of React (like `useEffect` and the virtual DOM), and have a blazing-fast app, choose **SvelteKit**.
* **Why?** Svelte shifts the work from the browser to the compile step. The syntax looks incredibly close to plain HTML/CSS/JavaScript. It routinely ranks as the most loved framework in developer surveys.
* **Best for:** Indie hackers, small teams, highly interactive web apps, and developers who are tired of React's boilerplate.
### 4. The "Balanced & Approachable" Choice: Vue + Nuxt 3
Vue sits comfortably between React's massive scale and Svelte's simplicity. **Nuxt 3** is the meta-framework for Vue.
* **Why?** Vue has an incredibly gentle learning curve but scales beautifully. Unlike React, Vue’s core team officially maintains the router and state management tools, meaning less dependency fatigue.
* **Best for:** Traditional web apps, teams migrating from older tech stacks (like jQuery or Laravel), and developers who like clean, separated file structures.
### 5. The "Enterprise Heavyweight" Choice: Angular
Angular (backed by Google) recently underwent a massive renaissance (v17+) that modernized it completely.
* **Why?** It is "batteries included." You don't have to choose a router, a state manager, or an HTTP client—Angular provides standard, strict ways to do everything. It relies heavily on TypeScript and Object-Oriented Programming principles.
* **Best for:** Massive enterprise applications, banking software, or large teams of developers where strict architectural rules are required.
---
### A Crucial Rule for 2024: Use a Meta-Framework or Vite
Do not start a project using `Create React App` (it is officially deprecated). Today, you should either:
1. **Use a Meta-Framework:** (Next.js, Nuxt, SvelteKit, Remix). These handle routing, server-side rendering, and API routes out of the box.
2. **Use Vite:** If you *strictly* want a traditional Single Page Application (SPA) with no server-side rendering, generate your project using **Vite** (e.g., `npm create vite@latest`).
### Summary Recommendation:
* Building a **startup/SaaS?** Use **Next.js** (or Remix).
* Building a **blog/marketing site?** Use **Astro**.
* Building a **personal project or want to move fast?** Use **SvelteKit**.

End of response · 48 lines · 3,960 characters · sha256 7d97979f5b309b3a49d4e69435915a40e56138546aa688e133126fa9a6bcdadb

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-10-02 09:00:07 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
first extracted pick differs from the baseline's (full lists below)
Baseline
7 prior days with data; 4 matched the baseline value (2026-09-25, 2026-09-29, 2026-09-30, 2026-10-01)
Responses
deviation 2026-10-01 09:23:15 UTC, run 20261001T090007Z-857bc9; reverted 2026-10-02 09:23:14 UTC, run 20261002T090008Z-e178a0
Detected
2026-10-02 · run 20261002T090008Z-e178a0, started 2026-10-02 09:00:08 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-10-02/P26/google/gemini-3.1-pro-preview/transient_anomaly/picks.top/
Event ID
2026-10-02:P26:google/gemini-3.1-pro-preview:transient_anomaly:picks.top

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.