MODELDRIFT.WATCH

Sep 18 · Day 9

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?

SEP 17beforePermalink

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

The short answer is that you should probably use a "meta-framework" rather than just a base library today. The industry has shifted away from purely client-side rendering (like the old Create React App) toward frameworks that handle routing, server-side rendering, and API creation out of the box.

Here is the breakdown of what you should choose based on your goals in 2024:

1. The Industry Standard: React + Next.js

If you want the safest bet, the most jobs, and the largest ecosystem, this is it. React is the base library, and Next.js is the framework built on top of it.

  • •Pros: Unmatched community, thousands of third-party libraries, backed by Vercel, excellent for SEO, and highly scalable. If you run into a bug, someone has already solved it on StackOverflow.
  • •Cons: React has a steeper learning curve (hooks, dependency arrays, state management), and Next.js has become quite complex with its recent "App Router" update.
  • •Choose this if: You are building a SaaS startup, you are looking to get hired as a developer, or you need to use very specific third-party libraries.
  • •Alternative: React + Remix (Similar to Next.js, but built by Shopify with a different, often praised, approach to data loading).

2. The Developer-Friendly Choice: Vue 3 + Nuxt 3

Vue is famous for being incredibly pleasant to write. It takes the best parts of Angular and React and combines them into a highly intuitive framework.

  • •Pros: Much easier to learn than React, excellent official documentation, very clean code separation (HTML/JS/CSS in one file), and Nuxt 3 is incredibly fast and modern.
  • •Cons: Smaller job market in the US (though huge in Europe and Asia) and fewer third-party components compared to React.
  • •Choose this if: You want a great developer experience, you have a small/medium team that needs to move fast, or you are tired of React's complexity.

3. The Modern & Loved Choice: Svelte + SvelteKit

Svelte consistently wins "most loved framework" in developer surveys. Unlike React or Vue, Svelte is a compiler. It converts your code into highly optimized vanilla JavaScript at build time.

  • •Pros: No virtual DOM (meaning it is incredibly fast), the code looks almost exactly like standard HTML/JavaScript, and it requires significantly less code to achieve the same results as React.
  • •Cons: Smallest ecosystem of the "Big Three." You may have to build some components from scratch because a third-party library doesn't exist yet.
  • •Choose this if: You are building a personal project, a highly interactive web app, or you want the absolute most enjoyable coding experience possible.

4. The Enterprise Behemoth: Angular

Angular (backed by Google) is a "batteries-included" framework. It dictates exactly how you should build your app, which is great for massive teams. Note: Angular recently went through a "Renaissance" (v17+) and is much faster and more modern than it used to be.

  • •Pros: Strict architecture, TypeScript by default, very stable, and great for large enterprise apps.
  • •Cons: Very steep learning curve, highly verbose, and can feel overly heavy for small projects.
  • •Choose this if: You are working in enterprise software, building complex internal dashboards, or coming from an Object-Oriented background (like Java or C#).

5. The Content King: Astro

Astro is a relatively new framework that is exploding in popularity. It ships zero JavaScript to the browser by default, making sites insanely fast.

  • •Pros: Perfect for SEO, incredibly fast load times. You can also use React, Vue, or Svelte components inside Astro if you need interactivity in specific spots (they call these "Islands").
  • •Cons: Not meant for highly interactive, state-heavy web applications (like a Spotify or Gmail clone).
  • •Choose this if: You are building a blog, an e-commerce storefront, a marketing website, or a documentation site.

Summary: Which should you pick?

  • •To get a job / build a scalable Startup: React + Next.js
  • •For a great balance of power and ease of use: Vue + Nuxt
  • •For maximum developer joy and speed: Svelte + SvelteKit
  • •For a content-heavy website/blog: Astro
  • •For massive enterprise architecture: Angular

SEP 18afterPermalink

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

The "best" JavaScript framework to start a project with today depends heavily on your goals, your team's experience, and what you are building. However, the JavaScript ecosystem has stabilized significantly in recent years.

Here is a breakdown of what you should choose based on your specific situation:

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

If you just want a direct answer and don't want to overthink it, choose React.

  • •How to start: Use Next.js if you need SEO, server-side rendering, or a full-stack application. Use Vite + React if you are building a simple, client-side only dashboard or tool.
  • •Why: It has the largest ecosystem, the most third-party libraries, and the biggest job market. If you run into a problem, someone has already solved it.
  • •Best for: SaaS products, apps where you need to hire developers easily, and projects that require complex, highly interactive UIs.

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

If you find React's syntax (JSX) and strict rules around re-rendering frustrating, Vue 3 is the perfect alternative.

  • •How to start: Use Nuxt.js for full-stack/SEO needs, or Vite + Vue for Single Page Applications (SPAs).
  • •Why: Vue strikes a perfect balance between React's flexibility and Angular's structure. Its Composition API is incredibly intuitive, the documentation is arguably the best in the industry, and it requires much less boilerplate than React.
  • •Best for: Developers who want a clean, approachable framework that scales beautifully without fighting the tool.

3. The Modern, High-Performance Choice: Svelte (via SvelteKit)

If you want to write less code, ship less JavaScript to the browser, and use a tool that developers universally love, choose Svelte.

  • •How to start: SvelteKit is the official, full-stack way to build Svelte apps.
  • •Why: Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It is a compiler that turns your code into tiny, highly optimized vanilla JavaScript. State management is built-in and incredibly simple.
  • •Best for: Highly performant web apps, solo developers, and teams willing to trade a massive ecosystem for unparalleled speed and ease of development.

4. The Enterprise Choice: Angular

If you are building a massive application with a large team and want strict rules on how code is written, choose Angular.

  • •How to start: The Angular CLI.
  • •Why: Angular is an "opinionated" framework. It comes with routing, form validation, and HTTP clients built right in. Because it enforces a specific way of doing things (and uses TypeScript heavily), an Angular developer can jump into any Angular codebase and instantly know where things are. (Note: Angular has recently undergone a massive renaissance with "Signals" and "Standalone Components," making it much more modern and lighter than it used to be).
  • •Best for: Large enterprise companies, massive corporate dashboards, and teams with Java/C# backgrounds.

5. The Content-Heavy Choice: Astro

If you are building a blog, a marketing website, a portfolio, or an e-commerce storefront, you should strongly consider Astro.

  • •Why: Astro generates zero-JavaScript static HTML by default, making it blazingly fast. If you do need interactivity (like an image carousel or a shopping cart), Astro lets you plug in React, Vue, or Svelte components only exactly where you need them (a concept called "Islands Architecture").
  • •Best for: Sites where SEO and initial load speed are your top priorities.

Summary Checklist: Which are you?

  • •"I want to get a job easily" ➔ React (Next.js)
  • •"I want to build a content site/blog" ➔ Astro
  • •"I want the most elegant, easiest code to write" ➔ Svelte (SvelteKit)
  • •"I want a great balance of power and ease-of-use" ➔ Vue (Nuxt)
  • •"I am building complex enterprise software" ➔ Angular

A final note for 2024: Do not use "Create React App" (CRA) or Webpack to start a new project. Use Vite or a meta-framework (Next, Nuxt, SvelteKit). The industry has firmly moved past CRA.

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

Before baseline

2026-09-17 permalink

Scored
answered
Received
2026-09-17 09:25:15 UTC
Run
20260917T090022Z-136fc3
Served by
Google · HTTP 200 · finish stop
Size
4,302 characters · 2,053 tokens out incl. hidden reasoning · 19.9 s
Extracted picks, in order · confidence high
  1. React + Next.js
  2. Vue 3 + Nuxt 3
  3. Svelte + SvelteKit
  4. Angular
  5. Astro

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

The short answer is that **you should probably use a "meta-framework"** rather than just a base library today. The industry has shifted away from purely client-side rendering (like the old *Create React App*) toward frameworks that handle routing, server-side rendering, and API creation out of the box.
Here is the breakdown of what you should choose based on your goals in 2024:
---
### 1. The Industry Standard: React + Next.js
If you want the safest bet, the most jobs, and the largest ecosystem, this is it. React is the base library, and Next.js is the framework built on top of it.
* **Pros:** Unmatched community, thousands of third-party libraries, backed by Vercel, excellent for SEO, and highly scalable. If you run into a bug, someone has already solved it on StackOverflow.
* **Cons:** React has a steeper learning curve (hooks, dependency arrays, state management), and Next.js has become quite complex with its recent "App Router" update.
* **Choose this if:** You are building a SaaS startup, you are looking to get hired as a developer, or you need to use very specific third-party libraries.
* *Alternative:* **React + Remix** (Similar to Next.js, but built by Shopify with a different, often praised, approach to data loading).
### 2. The Developer-Friendly Choice: Vue 3 + Nuxt 3
Vue is famous for being incredibly pleasant to write. It takes the best parts of Angular and React and combines them into a highly intuitive framework.
* **Pros:** Much easier to learn than React, excellent official documentation, very clean code separation (HTML/JS/CSS in one file), and Nuxt 3 is incredibly fast and modern.
* **Cons:** Smaller job market in the US (though huge in Europe and Asia) and fewer third-party components compared to React.
* **Choose this if:** You want a great developer experience, you have a small/medium team that needs to move fast, or you are tired of React's complexity.
### 3. The Modern & Loved Choice: Svelte + SvelteKit
Svelte consistently wins "most loved framework" in developer surveys. Unlike React or Vue, Svelte is a *compiler*. It converts your code into highly optimized vanilla JavaScript at build time.
* **Pros:** No virtual DOM (meaning it is incredibly fast), the code looks almost exactly like standard HTML/JavaScript, and it requires significantly less code to achieve the same results as React.
* **Cons:** Smallest ecosystem of the "Big Three." You may have to build some components from scratch because a third-party library doesn't exist yet.
* **Choose this if:** You are building a personal project, a highly interactive web app, or you want the absolute most enjoyable coding experience possible.
### 4. The Enterprise Behemoth: Angular
Angular (backed by Google) is a "batteries-included" framework. It dictates exactly how you should build your app, which is great for massive teams. Note: Angular recently went through a "Renaissance" (v17+) and is much faster and more modern than it used to be.
* **Pros:** Strict architecture, TypeScript by default, very stable, and great for large enterprise apps.
* **Cons:** Very steep learning curve, highly verbose, and can feel overly heavy for small projects.
* **Choose this if:** You are working in enterprise software, building complex internal dashboards, or coming from an Object-Oriented background (like Java or C#).
### 5. The Content King: Astro
Astro is a relatively new framework that is exploding in popularity. It ships **zero JavaScript** to the browser by default, making sites insanely fast.
* **Pros:** Perfect for SEO, incredibly fast load times. You can also use React, Vue, or Svelte components *inside* Astro if you need interactivity in specific spots (they call these "Islands").
* **Cons:** Not meant for highly interactive, state-heavy web applications (like a Spotify or Gmail clone).
* **Choose this if:** You are building a blog, an e-commerce storefront, a marketing website, or a documentation site.
---
### Summary: Which should you pick?
* **To get a job / build a scalable Startup:** `React` + `Next.js`
* **For a great balance of power and ease of use:** `Vue` + `Nuxt`
* **For maximum developer joy and speed:** `Svelte` + `SvelteKit`
* **For a content-heavy website/blog:** `Astro`
* **For massive enterprise architecture:** `Angular`

End of response · 46 lines · 4,302 characters · sha256 d02b595e5cdc132962ea699da505717843cc14c4e01418d5f0c1acb19a391eb6

After this run

2026-09-18 permalink

Scored
answered
Received
2026-09-18 09:28:23 UTC
Run
20260918T090022Z-92b6f7
Served by
Google · HTTP 200 · finish stop
Size
4,190 characters · 2,114 tokens out incl. hidden reasoning · 18.6 s
Extracted picks, in order · confidence high
  1. React
  2. Vue.js
  3. Svelte
  4. Angular
  5. Astro

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

The "best" JavaScript framework to start a project with today depends heavily on your goals, your team's experience, and what you are building. However, the JavaScript ecosystem has stabilized significantly in recent years.
Here is a breakdown of what you should choose based on your specific situation:
---
### 1. The Safe "Default" Choice: React (via Next.js or Vite)
If you just want a direct answer and don't want to overthink it, choose **React**.
* **How to start:** Use **Next.js** if you need SEO, server-side rendering, or a full-stack application. Use **Vite + React** if you are building a simple, client-side only dashboard or tool.
* **Why:** It has the largest ecosystem, the most third-party libraries, and the biggest job market. If you run into a problem, someone has already solved it.
* **Best for:** SaaS products, apps where you need to hire developers easily, and projects that require complex, highly interactive UIs.
### 2. The Best Developer Experience: Vue.js (via Nuxt or Vite)
If you find React's syntax (JSX) and strict rules around re-rendering frustrating, **Vue 3** is the perfect alternative.
* **How to start:** Use **Nuxt.js** for full-stack/SEO needs, or **Vite + Vue** for Single Page Applications (SPAs).
* **Why:** Vue strikes a perfect balance between React's flexibility and Angular's structure. Its Composition API is incredibly intuitive, the documentation is arguably the best in the industry, and it requires much less boilerplate than React.
* **Best for:** Developers who want a clean, approachable framework that scales beautifully without fighting the tool.
### 3. The Modern, High-Performance Choice: Svelte (via SvelteKit)
If you want to write less code, ship less JavaScript to the browser, and use a tool that developers universally love, choose **Svelte**.
* **How to start:** **SvelteKit** is the official, full-stack way to build Svelte apps.
* **Why:** Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It is a compiler that turns your code into tiny, highly optimized vanilla JavaScript. State management is built-in and incredibly simple.
* **Best for:** Highly performant web apps, solo developers, and teams willing to trade a massive ecosystem for unparalleled speed and ease of development.
### 4. The Enterprise Choice: Angular
If you are building a massive application with a large team and want strict rules on how code is written, choose **Angular**.
* **How to start:** The **Angular CLI**.
* **Why:** Angular is an "opinionated" framework. It comes with routing, form validation, and HTTP clients built right in. Because it enforces a specific way of doing things (and uses TypeScript heavily), an Angular developer can jump into any Angular codebase and instantly know where things are. *(Note: Angular has recently undergone a massive renaissance with "Signals" and "Standalone Components," making it much more modern and lighter than it used to be).*
* **Best for:** Large enterprise companies, massive corporate dashboards, and teams with Java/C# backgrounds.
### 5. The Content-Heavy Choice: Astro
If you are building a blog, a marketing website, a portfolio, or an e-commerce storefront, you should strongly consider **Astro**.
* **Why:** Astro generates zero-JavaScript static HTML by default, making it blazingly fast. If you *do* need interactivity (like an image carousel or a shopping cart), Astro lets you plug in React, Vue, or Svelte components only exactly where you need them (a concept called "Islands Architecture").
* **Best for:** Sites where SEO and initial load speed are your top priorities.
---
### Summary Checklist: Which are you?
* **"I want to get a job easily"** ➔ React (Next.js)
* **"I want to build a content site/blog"** ➔ Astro
* **"I want the most elegant, easiest code to write"** ➔ Svelte (SvelteKit)
* **"I want a great balance of power and ease-of-use"** ➔ Vue (Nuxt)
* **"I am building complex enterprise software"** ➔ Angular
*A final note for 2024: Do not use "Create React App" (CRA) or Webpack to start a new project. Use **Vite** or a meta-framework (Next, Nuxt, SvelteKit). The industry has firmly moved past CRA.*

End of response · 46 lines · 4,190 characters · sha256 1621172f7b17d5d49e0840a29e1b6a9dbb63701f9884c87ab7ca324a45ff4c13

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-18 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
first extracted pick differs from the baseline's (full lists below)
Baseline
7 prior days with data; 3 matched the baseline value (2026-09-12, 2026-09-16, 2026-09-17)
Responses
before 2026-09-17 09:25:15 UTC, run 20260917T090022Z-136fc3; after 2026-09-18 09:28:23 UTC, run 20260918T090022Z-92b6f7
Detected
2026-09-18 · run 20260918T090022Z-92b6f7, started 2026-09-18 09:00:22 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-18/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-09-18: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.