MODELDRIFT.WATCH

Oct 1 · Day 22

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

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.

OCT 1afterPermalink

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

Choosing a JavaScript framework today depends entirely on what you are building, your team's experience, and your goals. The JavaScript ecosystem has shifted heavily toward "meta-frameworks" (frameworks built on top of libraries like React or Vue that handle routing, server-side rendering, and backend logic).

Here is the breakdown of what you should choose to start a new project today, based on your specific needs:

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

If you aren't sure what to pick, pick Next.js. React is the industry standard, but building a raw React app (like the old Create React App) is no longer recommended. Next.js is the official modern way to build React applications.

  • •Why choose it: It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire developers for. It supports Server-Side Rendering (SSR) and the new React Server Components.
  • •Best for: SaaS products, large-scale web applications, e-commerce, and AI wrappers.
  • •Drawback: React's learning curve can be steep (handling re-renders, useEffect, etc.), and Next.js has become quite complex in its latest versions (the App Router).

2. The Best Developer Experience: Nuxt 3 (Vue.js)

Vue.js has long been praised as the most intuitive framework, taking the best parts of React and Angular. Nuxt 3 is the meta-framework for Vue (equivalent to Next.js for React).

  • •Why choose it: Vue’s Composition API is incredibly clean. You don't have to fight the framework to manage state or reactivity. The documentation is pristine, and development speed is extremely fast.
  • •Best for: Small to medium-sized teams, complex single-page apps (SPAs), and developers who are frustrated by React's complexity.
  • •Drawback: The ecosystem and job market are slightly smaller than React's.

3. The Performance & Innovation Choice: SvelteKit (Svelte)

Svelte consistently ranks as the most loved framework by developers. Instead of doing the heavy lifting in the browser (like React and Vue), Svelte compiles your code into tiny, optimized vanilla JavaScript during the build step.

  • •Why choose it: It requires writing significantly less code. There is no virtual DOM, meaning it is blazing fast. SvelteKit provides a phenomenal, out-of-the-box full-stack experience.
  • •Best for: Highly interactive UIs, personal projects, startups prioritizing speed, and apps where small bundle size is critical.
  • •Drawback: Smaller ecosystem. If you need a highly specific, complex UI component library (like a heavy data grid), you might have to build it yourself.

4. The Content / Website King: Astro

Astro has taken the web development world by storm. It is designed specifically for content-heavy websites.

  • •Why choose it: It ships zero JavaScript by default, making websites incredibly fast. If you need interactivity, it uses "Islands Architecture," meaning you can use React, Vue, or Svelte components inside your Astro project only where needed (like an image carousel or a buy button).
  • •Best for: Blogs, marketing websites, portfolios, documentation, and SEO-critical landing pages.
  • •Drawback: Not ideal for highly complex, dashboard-style web applications (though it is improving in this area).

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a fully featured, "batteries-included" framework. Recently, Angular has undergone a massive renaissance, modernizing its syntax (Signals, Standalone Components) to be much faster and easier to write.

  • •Why choose it: It has strict rules, uses TypeScript by default, and includes routing, HTTP clients, and form validations out of the box. Because it is highly opinionated, every Angular project looks similar, making it easy for developers to jump between projects.
  • •Best for: Massive enterprise applications, banking software, and large teams where strict architectural rules are required.
  • •Drawback: Very steep learning curve and heavier initial bundle sizes.

Summary: Which should you choose?

  • •If you want a job or the biggest ecosystem: Choose Next.js (React).
  • •If you are building a blog or marketing site: Choose Astro.
  • •If you want to build fast and enjoy writing code: Choose Nuxt (Vue) or SvelteKit.
  • •If you are building massive enterprise software: Choose Angular.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before baseline

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

After this run

2026-10-01 permalink

Scored
answered
Received
2026-10-01 09:23:15 UTC
Run
20261001T090007Z-857bc9
Served by
Google · HTTP 200 · finish stop
Size
4,461 characters · 2,143 tokens out incl. hidden reasoning · 20.0 s
Extracted picks, in order · confidence high
  1. Next.js
  2. Nuxt 3
  3. SvelteKit
  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**. The JavaScript ecosystem has shifted heavily toward "meta-frameworks" (frameworks built *on top* of libraries like React or Vue that handle routing, server-side rendering, and backend logic).
Here is the breakdown of what you should choose to start a new project today, based on your specific needs:
---
### 1. The Default "Safe" Choice: **Next.js (React)**
If you aren't sure what to pick, pick Next.js. React is the industry standard, but building a raw React app (like the old `Create React App`) is no longer recommended. Next.js is the official modern way to build React applications.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries, and it is the easiest framework to hire developers for. It supports Server-Side Rendering (SSR) and the new React Server Components.
* **Best for:** SaaS products, large-scale web applications, e-commerce, and AI wrappers.
* **Drawback:** React's learning curve can be steep (handling re-renders, `useEffect`, etc.), and Next.js has become quite complex in its latest versions (the App Router).
### 2. The Best Developer Experience: **Nuxt 3 (Vue.js)**
Vue.js has long been praised as the most intuitive framework, taking the best parts of React and Angular. Nuxt 3 is the meta-framework for Vue (equivalent to Next.js for React).
* **Why choose it:** Vue’s Composition API is incredibly clean. You don't have to fight the framework to manage state or reactivity. The documentation is pristine, and development speed is extremely fast.
* **Best for:** Small to medium-sized teams, complex single-page apps (SPAs), and developers who are frustrated by React's complexity.
* **Drawback:** The ecosystem and job market are slightly smaller than React's.
### 3. The Performance & Innovation Choice: **SvelteKit (Svelte)**
Svelte consistently ranks as the most loved framework by developers. Instead of doing the heavy lifting in the browser (like React and Vue), Svelte compiles your code into tiny, optimized vanilla JavaScript during the build step.
* **Why choose it:** It requires writing significantly less code. There is no virtual DOM, meaning it is blazing fast. SvelteKit provides a phenomenal, out-of-the-box full-stack experience.
* **Best for:** Highly interactive UIs, personal projects, startups prioritizing speed, and apps where small bundle size is critical.
* **Drawback:** Smaller ecosystem. If you need a highly specific, complex UI component library (like a heavy data grid), you might have to build it yourself.
### 4. The Content / Website King: **Astro**
Astro has taken the web development world by storm. It is designed specifically for content-heavy websites.
* **Why choose it:** It ships **zero JavaScript by default**, making websites incredibly fast. If you need interactivity, it uses "Islands Architecture," meaning you can use React, Vue, or Svelte components *inside* your Astro project only where needed (like an image carousel or a buy button).
* **Best for:** Blogs, marketing websites, portfolios, documentation, and SEO-critical landing pages.
* **Drawback:** Not ideal for highly complex, dashboard-style web applications (though it is improving in this area).
### 5. The Enterprise Heavyweight: **Angular**
Backed by Google, Angular is a fully featured, "batteries-included" framework. Recently, Angular has undergone a massive renaissance, modernizing its syntax (Signals, Standalone Components) to be much faster and easier to write.
* **Why choose it:** It has strict rules, uses TypeScript by default, and includes routing, HTTP clients, and form validations out of the box. Because it is highly opinionated, every Angular project looks similar, making it easy for developers to jump between projects.
* **Best for:** Massive enterprise applications, banking software, and large teams where strict architectural rules are required.
* **Drawback:** Very steep learning curve and heavier initial bundle sizes.
---
### Summary: Which should you choose?
* If you want a **job** or the **biggest ecosystem**: Choose **Next.js (React)**.
* If you are building a **blog or marketing site**: Choose **Astro**.
* If you want to build fast and **enjoy writing code**: Choose **Nuxt (Vue)** or **SvelteKit**.
* If you are building massive **enterprise software**: Choose **Angular**.

End of response · 44 lines · 4,461 characters · sha256 54096fc11d8989f7e6a2e9f0c1cb235eb86adb6f67147ddc03b817a1d73265a9

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-01 09:00:06 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; 3 matched the baseline value (2026-09-25, 2026-09-29, 2026-09-30)
Responses
before 2026-09-30 09:22:05 UTC, run 20260930T090007Z-45ce12; after 2026-10-01 09:23:15 UTC, run 20261001T090007Z-857bc9
Detected
2026-10-01 · run 20261001T090007Z-857bc9, started 2026-10-01 09:00:07 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-10-01/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-10-01: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.