MODELDRIFT.WATCH

Sep 29 · Day 20

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

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

Because you are starting a project today, the landscape is very different than it was even two years ago. The industry has shifted away from pure Single Page Applications (SPAs) like basic React or Vue, and moved toward meta-frameworks that handle both server-side and client-side rendering.

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

The TL;DR (Short Answer)

  • •The Safe/Industry Standard: [Next.js](https://nextjs.org/) (React)
  • •The Developer Favorite (Best DX): [SvelteKit](https://kit.svelte.dev/) (Svelte)
  • •For Content/Marketing Sites: [Astro](https://astro.build/)
  • •The Balanced Alternative: [Nuxt](https://nuxt.com/) (Vue)

The Detailed Breakdown

1. Next.js (React) — Choose this if you want the safest bet.

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

  • •Why choose it: It has the largest ecosystem, the most third-party libraries (UI components, auth, database adapters), and the most community support. If you run into a bug, someone else has already solved it. It is also the most employable skill.
  • •Best for: SaaS products, complex dashboards, e-commerce, and projects where you need to hire developers later.
  • •The Catch: React has become quite complex lately with the introduction of Server Components (the App Router). The learning curve is currently steeper than it used to be.

2. SvelteKit (Svelte) — Choose this if you want to love coding again.

Svelte takes a different approach. Instead of doing the work in the browser, it compiles your code into highly optimized, tiny vanilla JavaScript.

  • •Why choose it: It is incredibly fast, requires significantly less boilerplate code than React, and feels like writing standard HTML, CSS, and JavaScript. It consistently ranks as the most loved framework by developers. (Note: Svelte 5 is out, introducing "Runes" which makes it even more powerful).
  • •Best for: Indie developers, highly interactive web apps, data visualization, and teams that want to move fast without fighting their framework.
  • •The Catch: The ecosystem is smaller than React's. You might occasionally have to build a custom integration instead of just downloading an NPM package.

3. Astro — Choose this for content-focused websites.

Astro is the hottest framework for websites where content is the priority over complex web-app interactivity.

  • •Why choose it: Astro ships zero JavaScript to the client by default, making it blazing fast. It uses an "Islands Architecture," meaning you can make just one button or search bar interactive while the rest of the page remains static HTML. The best part? You can use React, Vue, or Svelte components inside your Astro project.
  • •Best for: Blogs, portfolios, marketing websites, documentation, and e-commerce storefronts.
  • •The Catch: It is not meant for highly complex, state-heavy web apps (like Spotify or Figma in the browser).

4. Nuxt 3 (Vue) — Choose this for a clean, balanced experience.

Vue has always sat perfectly between the massive ecosystem of React and the clean syntax of Svelte. Nuxt is the meta-framework for Vue.

  • •Why choose it: It has a highly intuitive reactivity system, excellent official documentation, and requires less configuration than React. Nuxt 3 is incredibly polished and fast.
  • •Best for: Small to medium teams, modernizing legacy apps, and developers who find React's syntax messy but want a larger ecosystem than Svelte's.

5. Angular — Choose this for massive enterprise apps.

Angular (backed by Google) has undergone a massive renaissance recently. They removed a lot of boilerplate (Standalone Components) and introduced a much better reactivity model (Signals).

  • •Why choose it: It is heavily opinionated. It gives you the router, the state management, and the HTTP client out of the box. Everyone on the team writes code the exact same way.
  • •Best for: Large enterprise teams, banking software, and internal corporate tools.

How to make your decision right now:

  • 1.Are you building a blog, marketing site, or portfolio? Use Astro.
  • 2.Are you building this project to help you get a job? Use Next.js.
  • 3.Do you want to build a SaaS/Web App fast and actually enjoy the process? Use SvelteKit.
  • 4.Do you already know vanilla JS/HTML well and want the easiest transition? Use Vue/Nuxt or SvelteKit.

Final Advice: Don't get stuck in "analysis paralysis." If you can't decide within 10 minutes, pick Next.js. It will absolutely get the job done, and you won't regret having it on your resume.

SEP 29backPermalink

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

Choosing a JavaScript framework today depends entirely on what you are building, your experience level, and your goals (e.g., getting a job vs. building a startup fast).

Instead of just giving you one answer, here is the modern landscape broken down by use case so you can make the right choice.

1. The "Safe & Industry Standard" Choice: React (via Next.js)

If you want the biggest ecosystem, the most job opportunities, and a solution for almost any problem, choose React. However, today, you shouldn't build a raw React app; you should use Next.js.

  • •Best for: SaaS products, complex web apps, getting hired, finding third-party libraries for everything.
  • •Pros: Massive community, endless tutorials, highly scalable, backed by Vercel/Meta.
  • •Cons: The learning curve can be steep (especially understanding React Hooks and the new Next.js App Router). It leaves a lot of architectural decisions up to you.
  • •How to start: npx create-next-app@latest

2. The "Developer Experience & Speed" Choice: Vue 3 (via Nuxt 3)

Vue hits the perfect sweet spot between React's flexibility and Angular's structure. It is widely considered to have the best and most intuitive developer experience.

  • •Best for: Solo developers, small-to-medium teams, rapid prototyping, and developers who like clean, readable code.
  • •Pros: Incredible documentation, very gentle learning curve, built-in state management and routing that just makes sense.
  • •Cons: A smaller job market compared to React (especially in the US), and a slightly smaller pool of third-party libraries.
  • •How to start: npx nuxi@latest init my-project

3. The "Modern & Lightweight" Choice: Svelte (via SvelteKit)

Svelte is technically a compiler, not a traditional framework. It doesn't use a Virtual DOM; instead, it compiles your code into tiny, vanilla JavaScript at build time. It consistently wins "most loved framework" in developer surveys.

  • •Best for: Highly interactive dashboards, performance-critical apps, and developers who just want to write standard HTML/CSS/JS without boilerplate.
  • •Pros: Blazing fast, minimal code required, incredibly intuitive reactivity.
  • •Cons: The smallest ecosystem of the major frameworks. If you need a highly specific pre-built UI library, you might have to build it yourself.
  • •How to start: npm create svelte@latest my-app

4. The "Heavy Enterprise" Choice: Angular

Backed by Google, Angular is a "batteries-included" framework. Unlike React, which requires you to stitch together various libraries, Angular gives you official tools for routing, state, forms, and HTTP requests out of the box. (Note: Angular has recently had a massive renaissance with features like "Signals" and standalone components, making it much more modern).

  • •Best for: Massive enterprise applications, large corporate teams, and developers who love strict Object-Oriented Programming (OOP) and TypeScript.
  • •Pros: Highly opinionated (everyone writes code the same way), incredibly stable, great for massive scale.
  • •Cons: Very steep learning curve, verbose syntax, overkill for small projects.
  • •How to start: ng new my-app

5. The "Content & SEO" Choice: Astro

If you are not building a highly interactive Web App (like a dashboard), but rather a content-driven site, Astro is the undisputed king right now.

  • •Best for: Blogs, marketing websites, portfolios, e-commerce storefronts, and documentation.
  • •Pros: Sends zero JavaScript to the browser by default (insanely fast). Allows you to use React, Vue, or Svelte components inside the same project if you need an interactive "island" (like a shopping cart).
  • •Cons: Not meant for highly complex, state-heavy web apps behind a login screen.
  • •How to start: npm create astro@latest

Summary: Which should you choose today?

  • •Choose Next.js (React) if you want to be highly employable or are building a complex SaaS.
  • •Choose Nuxt (Vue) if you want to build a complex app quickly and enjoy writing clean code.
  • •Choose SvelteKit if you want bleeding-edge performance and hate boilerplate code.
  • •Choose Astro if you are building a blog, portfolio, or marketing website.

Pro-Tip for 2024: Whichever you choose, use TypeScript and Tailwind CSS. They have become the de facto standards across almost all of these frameworks.

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

Deviation the day it changed

2026-09-28 permalink

Scored
answered
Received
2026-09-28 09:23:00 UTC
Run
20260928T090007Z-07d4be
Served by
Google · HTTP 200 · finish stop
Size
4,801 characters · 2,281 tokens out incl. hidden reasoning · 21.3 s
Extracted picks, in order · confidence high
  1. Next.js
  2. SvelteKit
  3. Astro
  4. Angular

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

Because you are starting a project **today**, the landscape is very different than it was even two years ago. The industry has shifted away from pure Single Page Applications (SPAs) like basic React or Vue, and moved toward **meta-frameworks** that handle both server-side and client-side rendering.
Because there is no single "best" framework, here is the breakdown of what you should choose based on your specific situation.
### The TL;DR (Short Answer)
* **The Safe/Industry Standard:** [Next.js](https://nextjs.org/) (React)
* **The Developer Favorite (Best DX):** [SvelteKit](https://kit.svelte.dev/) (Svelte)
* **For Content/Marketing Sites:** [Astro](https://astro.build/)
* **The Balanced Alternative:** [Nuxt](https://nuxt.com/) (Vue)
---
### The Detailed Breakdown
#### 1. Next.js (React) — *Choose this if you want the safest bet.*
React is still the undisputed king of market share, and Next.js is the official recommended way to build React apps today.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries (UI components, auth, database adapters), and the most community support. If you run into a bug, someone else has already solved it. It is also the most employable skill.
* **Best for:** SaaS products, complex dashboards, e-commerce, and projects where you need to hire developers later.
* **The Catch:** React has become quite complex lately with the introduction of Server Components (the App Router). The learning curve is currently steeper than it used to be.
#### 2. SvelteKit (Svelte) — *Choose this if you want to love coding again.*
Svelte takes a different approach. Instead of doing the work in the browser, it compiles your code into highly optimized, tiny vanilla JavaScript.
* **Why choose it:** It is incredibly fast, requires significantly less boilerplate code than React, and feels like writing standard HTML, CSS, and JavaScript. It consistently ranks as the most loved framework by developers. (Note: Svelte 5 is out, introducing "Runes" which makes it even more powerful).
* **Best for:** Indie developers, highly interactive web apps, data visualization, and teams that want to move fast without fighting their framework.
* **The Catch:** The ecosystem is smaller than React's. You might occasionally have to build a custom integration instead of just downloading an NPM package.
#### 3. Astro — *Choose this for content-focused websites.*
Astro is the hottest framework for websites where content is the priority over complex web-app interactivity.
* **Why choose it:** Astro ships **zero JavaScript to the client by default**, making it blazing fast. It uses an "Islands Architecture," meaning you can make just one button or search bar interactive while the rest of the page remains static HTML. The best part? You can use React, Vue, or Svelte components *inside* your Astro project.
* **Best for:** Blogs, portfolios, marketing websites, documentation, and e-commerce storefronts.
* **The Catch:** It is not meant for highly complex, state-heavy web apps (like Spotify or Figma in the browser).
#### 4. Nuxt 3 (Vue) — *Choose this for a clean, balanced experience.*
Vue has always sat perfectly between the massive ecosystem of React and the clean syntax of Svelte. Nuxt is the meta-framework for Vue.
* **Why choose it:** It has a highly intuitive reactivity system, excellent official documentation, and requires less configuration than React. Nuxt 3 is incredibly polished and fast.
* **Best for:** Small to medium teams, modernizing legacy apps, and developers who find React's syntax messy but want a larger ecosystem than Svelte's.
#### 5. Angular — *Choose this for massive enterprise apps.*
Angular (backed by Google) has undergone a massive renaissance recently. They removed a lot of boilerplate (Standalone Components) and introduced a much better reactivity model (Signals).
* **Why choose it:** It is heavily opinionated. It gives you the router, the state management, and the HTTP client out of the box. Everyone on the team writes code the exact same way.
* **Best for:** Large enterprise teams, banking software, and internal corporate tools.
---
### How to make your decision right now:
1. **Are you building a blog, marketing site, or portfolio?** Use **Astro**.
2. **Are you building this project to help you get a job?** Use **Next.js**.
3. **Do you want to build a SaaS/Web App fast and actually enjoy the process?** Use **SvelteKit**.
4. **Do you already know vanilla JS/HTML well and want the easiest transition?** Use **Vue/Nuxt** or **SvelteKit**.
**Final Advice:** Don't get stuck in "analysis paralysis." If you can't decide within 10 minutes, **pick Next.js**. It will absolutely get the job done, and you won't regret having it on your resume.

End of response · 52 lines · 4,801 characters · sha256 13a9e2f49baac5d974c3c0154ce7c49a54b308367f52a700626486c22690e395

Reverted back to baseline

2026-09-29 permalink

Scored
answered
Received
2026-09-29 09:24:02 UTC
Run
20260929T090007Z-334891
Served by
Google · HTTP 200 · finish stop
Size
4,475 characters · 2,098 tokens out incl. hidden reasoning · 18.9 s
Extracted picks, in order · confidence high
  1. React
  2. Vue 3
  3. Svelte
  4. Angular
  5. Astro

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 experience level**, and **your goals** (e.g., getting a job vs. building a startup fast).
Instead of just giving you one answer, here is the modern landscape broken down by use case so you can make the right choice.
---
### 1. The "Safe & Industry Standard" Choice: React (via Next.js)
If you want the biggest ecosystem, the most job opportunities, and a solution for almost any problem, choose React. However, today, you shouldn't build a raw React app; you should use **Next.js**.
* **Best for:** SaaS products, complex web apps, getting hired, finding third-party libraries for *everything*.
* **Pros:** Massive community, endless tutorials, highly scalable, backed by Vercel/Meta.
* **Cons:** The learning curve can be steep (especially understanding React Hooks and the new Next.js App Router). It leaves a lot of architectural decisions up to you.
* **How to start:** `npx create-next-app@latest`
### 2. The "Developer Experience & Speed" Choice: Vue 3 (via Nuxt 3)
Vue hits the perfect sweet spot between React's flexibility and Angular's structure. It is widely considered to have the best and most intuitive developer experience.
* **Best for:** Solo developers, small-to-medium teams, rapid prototyping, and developers who like clean, readable code.
* **Pros:** Incredible documentation, very gentle learning curve, built-in state management and routing that just makes sense.
* **Cons:** A smaller job market compared to React (especially in the US), and a slightly smaller pool of third-party libraries.
* **How to start:** `npx nuxi@latest init my-project`
### 3. The "Modern & Lightweight" Choice: Svelte (via SvelteKit)
Svelte is technically a compiler, not a traditional framework. It doesn't use a Virtual DOM; instead, it compiles your code into tiny, vanilla JavaScript at build time. It consistently wins "most loved framework" in developer surveys.
* **Best for:** Highly interactive dashboards, performance-critical apps, and developers who just want to write standard HTML/CSS/JS without boilerplate.
* **Pros:** Blazing fast, minimal code required, incredibly intuitive reactivity.
* **Cons:** The smallest ecosystem of the major frameworks. If you need a highly specific pre-built UI library, you might have to build it yourself.
* **How to start:** `npm create svelte@latest my-app`
### 4. The "Heavy Enterprise" Choice: Angular
Backed by Google, Angular is a "batteries-included" framework. Unlike React, which requires you to stitch together various libraries, Angular gives you official tools for routing, state, forms, and HTTP requests out of the box. *(Note: Angular has recently had a massive renaissance with features like "Signals" and standalone components, making it much more modern).*
* **Best for:** Massive enterprise applications, large corporate teams, and developers who love strict Object-Oriented Programming (OOP) and TypeScript.
* **Pros:** Highly opinionated (everyone writes code the same way), incredibly stable, great for massive scale.
* **Cons:** Very steep learning curve, verbose syntax, overkill for small projects.
* **How to start:** `ng new my-app`
### 5. The "Content & SEO" Choice: Astro
If you are not building a highly interactive Web App (like a dashboard), but rather a content-driven site, **Astro** is the undisputed king right now.
* **Best for:** Blogs, marketing websites, portfolios, e-commerce storefronts, and documentation.
* **Pros:** Sends **zero** JavaScript to the browser by default (insanely fast). Allows you to use React, Vue, or Svelte components *inside* the same project if you need an interactive "island" (like a shopping cart).
* **Cons:** Not meant for highly complex, state-heavy web apps behind a login screen.
* **How to start:** `npm create astro@latest`
---
### Summary: Which should you choose today?
* **Choose Next.js (React)** if you want to be highly employable or are building a complex SaaS.
* **Choose Nuxt (Vue)** if you want to build a complex app quickly and enjoy writing clean code.
* **Choose SvelteKit** if you want bleeding-edge performance and hate boilerplate code.
* **Choose Astro** if you are building a blog, portfolio, or marketing website.
**Pro-Tip for 2024:** Whichever you choose, use **TypeScript** and **Tailwind CSS**. They have become the de facto standards across almost all of these frameworks.

End of response · 51 lines · 4,475 characters · sha256 bddad9aff7b8029079397615154f9b38570b7a504594195092ea44a6770f3cb2

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-29 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
6 prior days with data; 4 matched the baseline value (2026-09-21, 2026-09-22, 2026-09-25, 2026-09-28)
Responses
deviation 2026-09-28 09:23:00 UTC, run 20260928T090007Z-07d4be; reverted 2026-09-29 09:24:02 UTC, run 20260929T090007Z-334891
Detected
2026-09-29 · run 20260929T090007Z-334891, started 2026-09-29 09:00:07 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-29/P26/google/gemini-3.1-pro-preview/transient_anomaly/picks.top/
Event ID
2026-09-29: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.