MODELDRIFT.WATCH

Sep 19 · Day 10

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?

SEP 18the changePermalink

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.

SEP 19backPermalink

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

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, or just having a good time coding).

The modern JavaScript ecosystem has shifted away from raw UI libraries (like basic React or Vue) and moved toward meta-frameworks (frameworks built on top of those libraries that handle routing, server-side rendering, and APIs).

Here is the breakdown of the best choices for starting a new project today:


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

If you want the most community support, the most third-party packages, and the highest chance of getting hired, this is the answer. Next.js is the official recommendation by the React team for building new apps.

  • •Best for: SaaS products, highly interactive dashboards, large-scale applications, and getting a job.
  • •Pros: Massive ecosystem (if you need a library for something, it exists for React), massive job market, heavily backed by Vercel.
  • •Cons: The learning curve has gotten steeper recently (Server Components, App Router), and it has a lot of boilerplate compared to newer frameworks.

2. The "Best Developer Experience" Choice: Svelte + SvelteKit

If you are building a project for yourself, a startup, or a small team and want to move incredibly fast, Svelte is currently the darling of the developer world. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.

  • •Best for: Solo developers, startups, highly interactive web apps, and people who want to write less code.
  • •Pros: Incredibly intuitive, very little boilerplate, built-in state management, lightning-fast performance, and it feels like writing raw HTML/CSS/JS.
  • •Cons: Smaller job market and a smaller (but rapidly growing) ecosystem of third-party libraries compared to React.

3. The "Content & Website" Choice: Astro

If you are building a website where the primary focus is reading content rather than interacting with a dashboard, Astro is the undisputed king right now. It ships zero JavaScript to the browser by default, making it unbelievably fast.

  • •Best for: Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
  • •Pros: Perfect SEO, blazingly fast. The killer feature: You can use React, Vue, or Svelte components inside Astro if you need interactive "islands" (like an image carousel or a checkout cart).
  • •Cons: Not meant for highly complex, logged-in web applications (like a Spotify or Figma clone).

4. The "Happy Medium" Choice: Vue + Nuxt 3

Vue has always sat perfectly between React's massive scale and Svelte's simplicity. Nuxt 3 (the meta-framework for Vue) is incredibly polished, fast, and a joy to use.

  • •Best for: Teams who want a structured, opinionated framework without the complexity of React.
  • •Pros: Excellent official documentation, very clean syntax, great performance, and a very loyal, helpful community.
  • •Cons: Sits in the middle ground—doesn't have React's job market, nor does it have Svelte's "shiny new toy" hype, though it is highly respected.

5. The "Heavy Enterprise" Choice: Angular

Backed by Google, Angular is a "batteries-included" framework. You don't have to choose a router, a state management library, or a testing framework—Angular provides it all. It recently went through a massive modernization (introducing "Signals") that has made it much more pleasant to write.

  • •Best for: Massive enterprise applications, banking software, large teams with strict conventions.
  • •Pros: Everything is standardized. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is.
  • •Cons: Very steep learning curve, heavily reliant on TypeScript and decorators, can feel bloated for small projects.

Summary: Which should you choose?

  • •If you want to get a job: Choose React + Next.js.
  • •If you want to build a fast startup/SaaS and love clean code: Choose SvelteKit.
  • •If you are building a blog, portfolio, or marketing site: Choose Astro.
  • •If you are working in corporate enterprise: Choose Angular.

If you still can't decide: Go with Next.js. It is the default language of the modern web, and you will never regret knowing it.

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

Deviation the day it changed

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

Reverted back to baseline

2026-09-19 permalink

Scored
answered
Received
2026-09-19 09:23:00 UTC
Run
20260919T090005Z-86161c
Served by
Google · HTTP 200 · finish stop
Size
4,447 characters · 2,173 tokens out incl. hidden reasoning · 18.2 s
Extracted picks, in order · confidence high
  1. React + Next.js
  2. Svelte + SvelteKit
  3. Astro
  4. Vue + Nuxt 3
  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** and **what your goals are** (e.g., getting a job, building a startup, or just having a good time coding).
The modern JavaScript ecosystem has shifted away from raw UI libraries (like basic React or Vue) and moved toward **meta-frameworks** (frameworks built *on top* of those libraries that handle routing, server-side rendering, and APIs).
Here is the breakdown of the best choices for starting a new project today:
---
### 1. The "Safe & Industry Standard" Choice: React + Next.js
If you want the most community support, the most third-party packages, and the highest chance of getting hired, this is the answer. Next.js is the official recommendation by the React team for building new apps.
* **Best for:** SaaS products, highly interactive dashboards, large-scale applications, and getting a job.
* **Pros:** Massive ecosystem (if you need a library for something, it exists for React), massive job market, heavily backed by Vercel.
* **Cons:** The learning curve has gotten steeper recently (Server Components, App Router), and it has a lot of boilerplate compared to newer frameworks.
### 2. The "Best Developer Experience" Choice: Svelte + SvelteKit
If you are building a project for yourself, a startup, or a small team and want to move incredibly fast, Svelte is currently the darling of the developer world. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.
* **Best for:** Solo developers, startups, highly interactive web apps, and people who want to write less code.
* **Pros:** Incredibly intuitive, very little boilerplate, built-in state management, lightning-fast performance, and it feels like writing raw HTML/CSS/JS.
* **Cons:** Smaller job market and a smaller (but rapidly growing) ecosystem of third-party libraries compared to React.
### 3. The "Content & Website" Choice: Astro
If you are building a website where the primary focus is *reading content* rather than *interacting with a dashboard*, Astro is the undisputed king right now. It ships **zero JavaScript to the browser by default**, making it unbelievably fast.
* **Best for:** Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
* **Pros:** Perfect SEO, blazingly fast. **The killer feature:** You can use React, Vue, or Svelte components *inside* Astro if you need interactive "islands" (like an image carousel or a checkout cart).
* **Cons:** Not meant for highly complex, logged-in web applications (like a Spotify or Figma clone).
### 4. The "Happy Medium" Choice: Vue + Nuxt 3
Vue has always sat perfectly between React's massive scale and Svelte's simplicity. Nuxt 3 (the meta-framework for Vue) is incredibly polished, fast, and a joy to use.
* **Best for:** Teams who want a structured, opinionated framework without the complexity of React.
* **Pros:** Excellent official documentation, very clean syntax, great performance, and a very loyal, helpful community.
* **Cons:** Sits in the middle ground—doesn't have React's job market, nor does it have Svelte's "shiny new toy" hype, though it is highly respected.
### 5. The "Heavy Enterprise" Choice: Angular
Backed by Google, Angular is a "batteries-included" framework. You don't have to choose a router, a state management library, or a testing framework—Angular provides it all. It recently went through a massive modernization (introducing "Signals") that has made it much more pleasant to write.
* **Best for:** Massive enterprise applications, banking software, large teams with strict conventions.
* **Pros:** Everything is standardized. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is.
* **Cons:** Very steep learning curve, heavily reliant on TypeScript and decorators, can feel bloated for small projects.
---
### Summary: Which should you choose?
* **If you want to get a job:** Choose **React + Next.js**.
* **If you want to build a fast startup/SaaS and love clean code:** Choose **SvelteKit**.
* **If you are building a blog, portfolio, or marketing site:** Choose **Astro**.
* **If you are working in corporate enterprise:** Choose **Angular**.
**If you still can't decide:** Go with **Next.js**. It is the default language of the modern web, and you will never regret knowing it.

End of response · 48 lines · 4,447 characters · sha256 fa2685a9f38bcb9d0d9ea7d35de4a93f8c754da4b46c9a2c341a4fd5e0c9a017

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-19 09:00:04 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-12, 2026-09-16, 2026-09-17, 2026-09-18)
Responses
deviation 2026-09-18 09:28:23 UTC, run 20260918T090022Z-92b6f7; reverted 2026-09-19 09:23:00 UTC, run 20260919T090005Z-86161c
Detected
2026-09-19 · run 20260919T090005Z-86161c, started 2026-09-19 09:00:05 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-19/P26/google/gemini-3.1-pro-preview/transient_anomaly/picks.top/
Event ID
2026-09-19: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.