MODELDRIFT.WATCH

Oct 3 · Day 24

MINOR · GEMINI · QUESTION 31

Gemini named a different first choice for a question about which JavaScript framework to start with.

Why it’s minor

Which products a model recommends is read out of its answer by the least reliable part of our scorer, so compare the two answers before reading much into this.

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 2beforePermalink

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.

OCT 3afterPermalink

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

Because you are starting a project today, the landscape is a bit different than it was even two years ago. The industry has largely moved away from pure "Single Page Applications" (like Create React App) and toward meta-frameworks that handle routing, server-side rendering, and performance out of the box.

Because there is no single "best" framework, here is the breakdown of what you should choose based on your specific situation.

1. The Industry Default: React (via Next.js)

If you aren't sure what to pick, pick this. Next.js is a framework built on top of React.

  • •Choose it if: You want the easiest time finding answers on StackOverflow, you want to use third-party libraries (payment gateways, UI components, auth providers), or you are building this project to build your resume to get a job.
  • •Pros: Massive ecosystem, largest job market, incredibly powerful for both static and dynamic applications.
  • •Cons: React introduces a lot of cognitive load (hooks, dependency arrays), and the recent push toward "React Server Components" in Next.js has divided the community and made the learning curve steeper.

2. The Developer Favorite: Svelte (via SvelteKit)

Svelte is currently the darling of the JavaScript world. Instead of running in the browser like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.

  • •Choose it if: You are a solo developer, you want to build a SaaS quickly, you care about raw performance, or you are tired of React's complexity.
  • •Pros: Unbeatable Developer Experience (DX). You write much less code than React or Angular. State management is incredibly intuitive. It is blazing fast.
  • •Cons: The ecosystem is smaller. If you need a highly specific, complex UI library (like an advanced data grid), you might have to build it yourself rather than downloading a package.

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

Vue has always sat comfortably between React and Angular. It offers the flexibility of React with the clean structure of Angular.

  • •Choose it if: You want a gentle learning curve, excellent official documentation, and a framework that scales well from a tiny widget to a massive enterprise app.
  • •Pros: Nuxt 3 is incredibly stable and fast. Vue's "Composition API" is highly regarded. It is heavily used in open-source and very popular globally.
  • •Cons: The job market in the US is smaller than React and Angular (though it remains very strong in Europe and Asia).

4. The Content King: Astro

Astro is a bit different. It allows you to build UI components using React, Vue, or Svelte, but it strips away all the JavaScript when it ships to the browser, sending only pure HTML/CSS.

  • •Choose it if: You are building a blog, a portfolio, an e-commerce storefront, or a marketing website.
  • •Pros: Unrivaled SEO and load speeds. You can mix and match frameworks (use a React component and a Svelte component on the same page).
  • •Cons: Not designed for highly interactive, dashboard-heavy web applications (like Spotify or Gmail).

5. The Enterprise Staple: Angular

Backed by Google, Angular is a "batteries-included" framework. Recently (versions 16 and 17), Angular has undergone a massive renaissance, modernizing its syntax and vastly improving performance with a feature called "Signals."

  • •Choose it if: You are building a massive application with a large team, you love TypeScript and Object-Oriented Programming, or you want a framework where there is only one "right way" to do things.
  • •Pros: You don't have to debate which router or state manager to use; Angular includes everything. Highly strictly structured.
  • •Cons: Very steep learning curve. Highly verbose.

Summary: Which should you choose today?

  • •Want a job? Learn React / Next.js.
  • •Building a content site or blog? Use Astro.
  • •Want to build a web app fast and actually enjoy coding it? Pick SvelteKit.
  • •Need a well-structured framework for a large team? Pick Angular or Vue / Nuxt.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before 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

After this run

2026-10-03 permalink

Scored
answered
Received
2026-10-03 09:16:30 UTC
Run
20261003T090008Z-b2d35e
Served by
Google · HTTP 200 · finish stop
Size
4,100 characters · 2,089 tokens out incl. hidden reasoning · 19.0 s
Extracted picks, in order · confidence high
  1. React
  2. Svelte
  3. Vue.js
  4. Astro
  5. Angular

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

Because you are starting a project **today**, the landscape is a bit different than it was even two years ago. The industry has largely moved away from pure "Single Page Applications" (like Create React App) and toward **meta-frameworks** that handle routing, server-side rendering, and performance out of the box.
Because there is no single "best" framework, here is the breakdown of what you should choose based on your specific situation.
---
### 1. The Industry Default: React (via Next.js)
If you aren't sure what to pick, pick this. Next.js is a framework built on top of React.
* **Choose it if:** You want the easiest time finding answers on StackOverflow, you want to use third-party libraries (payment gateways, UI components, auth providers), or you are building this project to build your resume to get a job.
* **Pros:** Massive ecosystem, largest job market, incredibly powerful for both static and dynamic applications.
* **Cons:** React introduces a lot of cognitive load (hooks, dependency arrays), and the recent push toward "React Server Components" in Next.js has divided the community and made the learning curve steeper.
### 2. The Developer Favorite: Svelte (via SvelteKit)
Svelte is currently the darling of the JavaScript world. Instead of running in the browser like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.
* **Choose it if:** You are a solo developer, you want to build a SaaS quickly, you care about raw performance, or you are tired of React's complexity.
* **Pros:** Unbeatable Developer Experience (DX). You write much less code than React or Angular. State management is incredibly intuitive. It is blazing fast.
* **Cons:** The ecosystem is smaller. If you need a highly specific, complex UI library (like an advanced data grid), you might have to build it yourself rather than downloading a package.
### 3. The Pragmatic Middle Ground: Vue.js (via Nuxt)
Vue has always sat comfortably between React and Angular. It offers the flexibility of React with the clean structure of Angular.
* **Choose it if:** You want a gentle learning curve, excellent official documentation, and a framework that scales well from a tiny widget to a massive enterprise app.
* **Pros:** Nuxt 3 is incredibly stable and fast. Vue's "Composition API" is highly regarded. It is heavily used in open-source and very popular globally.
* **Cons:** The job market in the US is smaller than React and Angular (though it remains very strong in Europe and Asia).
### 4. The Content King: Astro
Astro is a bit different. It allows you to build UI components using React, Vue, or Svelte, but it strips away all the JavaScript when it ships to the browser, sending only pure HTML/CSS.
* **Choose it if:** You are building a blog, a portfolio, an e-commerce storefront, or a marketing website.
* **Pros:** Unrivaled SEO and load speeds. You can mix and match frameworks (use a React component and a Svelte component on the same page).
* **Cons:** Not designed for highly interactive, dashboard-heavy web applications (like Spotify or Gmail).
### 5. The Enterprise Staple: Angular
Backed by Google, Angular is a "batteries-included" framework. Recently (versions 16 and 17), Angular has undergone a massive renaissance, modernizing its syntax and vastly improving performance with a feature called "Signals."
* **Choose it if:** You are building a massive application with a large team, you love TypeScript and Object-Oriented Programming, or you want a framework where there is only one "right way" to do things.
* **Pros:** You don't have to debate which router or state manager to use; Angular includes everything. Highly strictly structured.
* **Cons:** Very steep learning curve. Highly verbose.
---
### Summary: Which should you choose today?
* **Want a job?** Learn **React / Next.js**.
* **Building a content site or blog?** Use **Astro**.
* **Want to build a web app fast and actually enjoy coding it?** Pick **SvelteKit**.
* **Need a well-structured framework for a large team?** Pick **Angular** or **Vue / Nuxt**.

End of response · 44 lines · 4,100 characters · sha256 4f91fe20a2ada34af782e2318aa6f314b2b4034e304d6e13fe3da661a0902a1f

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-03 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; 5 matched the baseline value (2026-09-27, 2026-09-28, 2026-09-30, 2026-10-01, 2026-10-02)
Responses
before 2026-10-02 09:23:14 UTC, run 20261002T090008Z-e178a0; after 2026-10-03 09:16:30 UTC, run 20261003T090008Z-b2d35e
Detected
2026-10-03 · run 20261003T090008Z-b2d35e, started 2026-10-03 09:00:08 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-10-03/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-10-03:P26:google/gemini-3.1-pro-preview:pick_change: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.