MODELDRIFT.WATCH

Sep 30 · Day 21

MINOR · GEMINI · QUESTION 31

Gemini changed its list 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 29beforePermalink

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.

SEP 30afterPermalink

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

Choosing a JavaScript framework today depends entirely on what you are building, your team's experience, and your goals (e.g., fast development, enterprise scaling, or SEO).

However, standard bare-bones frameworks are mostly a thing of the past. Today, the standard is to use a "meta-framework" (a framework built on top of a UI library that handles routing, server-side rendering, and performance).

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

1. The "Safe & Powerful" Default: React + Next.js

If you aren't sure what to pick, pick this. React is the industry standard, and Next.js is the official recommended way to build React applications.

  • •Best for: SaaS products, large web apps, e-commerce, and startups.
  • •Why choose it: It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire for. Next.js gives you Server-Side Rendering (SSR), API routes, and great SEO out of the box.
  • •The Catch: React has a steeper learning curve, and the newest Next.js feature (the "App Router") has introduced some complexity that splits the community's opinion.
  • •Alternative: React + Remix or React + Vite (if you just want a simple Single Page Application without server-side rendering).

2. The Developer Favorite: Svelte + SvelteKit

Svelte consistently ranks as the most loved framework by developers. Unlike React, it doesn’t use a "Virtual DOM"; instead, it compiles your code into tiny, highly optimized vanilla JavaScript.

  • •Best for: Highly interactive dashboards, data visualization, and teams that want to move incredibly fast.
  • •Why choose it: The developer experience (DX) is unmatched. You write much less code than in React, the performance is blazing fast, and the state management is built-in and intuitive.
  • •The Catch: The ecosystem is smaller than React's. You might have to build custom components instead of downloading a pre-made library for everything.

3. The Balanced Alternative: Vue + Nuxt.js

Vue sits perfectly between the rigid structure of Angular and the wild-west flexibility of React. Nuxt is to Vue what Next.js is to React.

  • •Best for: Medium-to-large apps, teams transitioning from traditional HTML/CSS, and anyone who finds React too convoluted.
  • •Why choose it: It has incredibly clean, readable syntax and fantastic official documentation. It is highly performant and has a massive global community (especially in Europe and Asia).
  • •The Catch: While highly popular, the U.S. enterprise job market still leans heavily toward React and Angular.

4. The Content King: Astro

Astro is the hottest framework right now for a specific use case: content-driven websites.

  • •Best for: Blogs, portfolios, documentation, marketing sites, and publishing platforms.
  • •Why choose it: Astro ships zero JavaScript to the browser by default, making it unbelievably fast for SEO. It uses an "Islands Architecture," meaning you can write your UI components in React, Vue, or Svelte, and Astro will only load JavaScript for the specific interactive parts (the "islands").
  • •The Catch: It is not meant for highly complex, logged-in, app-like experiences (like a Spotify or Figma clone).

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a fully-fledged, highly opinionated framework.

  • •Best for: Massive enterprise applications, banking software, and huge developer teams.
  • •Why choose it: It includes everything out of the box (routing, state management, form validation, HTTP client) so your team doesn't have to argue over which libraries to use. It recently received major updates (like "Signals") that make it much faster and more modern.
  • •The Catch: It has the steepest learning curve, uses heavy TypeScript/Object-Oriented patterns, and can feel like overkill for small or medium projects.

TL;DR: Which should you choose?

  • •I want to build a startup/SaaS and maybe hire developers later: Choose Next.js (React).
  • •I want the best developer experience and fast performance: Choose SvelteKit.
  • •I am building a blog, marketing site, or content-heavy site: Choose Astro.
  • •I want a clean, intuitive framework with a great community: Choose Nuxt (Vue).
  • •I am building a massive enterprise app with a strict architecture: Choose Angular.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before 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

After this run

2026-09-30 permalink

Scored
answered
Received
2026-09-30 09:22:05 UTC
Run
20260930T090007Z-45ce12
Served by
Google · HTTP 200 · finish stop
Size
4,406 characters · 2,116 tokens out incl. hidden reasoning · 18.7 s
Extracted picks, in order · confidence high
  1. React + Next.js
  2. Svelte + SvelteKit
  3. Vue + Nuxt.js
  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** (e.g., fast development, enterprise scaling, or SEO).
However, standard bare-bones frameworks are mostly a thing of the past. Today, the standard is to use a **"meta-framework"** (a framework built on top of a UI library that handles routing, server-side rendering, and performance).
Here is the breakdown of the best choices for a new project today:
---
### 1. The "Safe & Powerful" Default: React + Next.js
If you aren't sure what to pick, pick this. React is the industry standard, and Next.js is the official recommended way to build React applications.
* **Best for:** SaaS products, large web apps, e-commerce, and startups.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire for. Next.js gives you Server-Side Rendering (SSR), API routes, and great SEO out of the box.
* **The Catch:** React has a steeper learning curve, and the newest Next.js feature (the "App Router") has introduced some complexity that splits the community's opinion.
* **Alternative:** **React + Remix** or **React + Vite** (if you just want a simple Single Page Application without server-side rendering).
### 2. The Developer Favorite: Svelte + SvelteKit
Svelte consistently ranks as the most loved framework by developers. Unlike React, it doesn’t use a "Virtual DOM"; instead, it compiles your code into tiny, highly optimized vanilla JavaScript.
* **Best for:** Highly interactive dashboards, data visualization, and teams that want to move incredibly fast.
* **Why choose it:** The developer experience (DX) is unmatched. You write much less code than in React, the performance is blazing fast, and the state management is built-in and intuitive.
* **The Catch:** The ecosystem is smaller than React's. You might have to build custom components instead of downloading a pre-made library for everything.
### 3. The Balanced Alternative: Vue + Nuxt.js
Vue sits perfectly between the rigid structure of Angular and the wild-west flexibility of React. Nuxt is to Vue what Next.js is to React.
* **Best for:** Medium-to-large apps, teams transitioning from traditional HTML/CSS, and anyone who finds React too convoluted.
* **Why choose it:** It has incredibly clean, readable syntax and fantastic official documentation. It is highly performant and has a massive global community (especially in Europe and Asia).
* **The Catch:** While highly popular, the U.S. enterprise job market still leans heavily toward React and Angular.
### 4. The Content King: Astro
Astro is the hottest framework right now for a specific use case: content-driven websites.
* **Best for:** Blogs, portfolios, documentation, marketing sites, and publishing platforms.
* **Why choose it:** Astro ships **zero JavaScript to the browser by default**, making it unbelievably fast for SEO. It uses an "Islands Architecture," meaning you can write your UI components in React, Vue, or Svelte, and Astro will only load JavaScript for the specific interactive parts (the "islands").
* **The Catch:** It is not meant for highly complex, logged-in, app-like experiences (like a Spotify or Figma clone).
### 5. The Enterprise Heavyweight: Angular
Backed by Google, Angular is a fully-fledged, highly opinionated framework.
* **Best for:** Massive enterprise applications, banking software, and huge developer teams.
* **Why choose it:** It includes everything out of the box (routing, state management, form validation, HTTP client) so your team doesn't have to argue over which libraries to use. It recently received major updates (like "Signals") that make it much faster and more modern.
* **The Catch:** It has the steepest learning curve, uses heavy TypeScript/Object-Oriented patterns, and can feel like overkill for small or medium projects.
---
### TL;DR: Which should you choose?
* **I want to build a startup/SaaS and maybe hire developers later:** Choose **Next.js (React)**.
* **I want the best developer experience and fast performance:** Choose **SvelteKit**.
* **I am building a blog, marketing site, or content-heavy site:** Choose **Astro**.
* **I want a clean, intuitive framework with a great community:** Choose **Nuxt (Vue)**.
* **I am building a massive enterprise app with a strict architecture:** Choose **Angular**.

End of response · 48 lines · 4,406 characters · sha256 32bd2793eae7c852ba92f83043bac929ed2b5f47dbe835c272beb801568d692c

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-30 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
1 added, 1 dropped
Baseline
6 prior days with data; 1 matched the baseline value (2026-09-29)
Responses
before 2026-09-29 09:24:02 UTC, run 20260929T090007Z-334891; after 2026-09-30 09:22:05 UTC, run 20260930T090007Z-45ce12
Detected
2026-09-30 · run 20260930T090007Z-45ce12, started 2026-09-30 09:00:07 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-30/P26/google/gemini-3.1-pro-preview/pick_change/picks/
Event ID
2026-09-30:P26:google/gemini-3.1-pro-preview:pick_change:picks

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.