MODELDRIFT.WATCH

Sep 25 · Day 16

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

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 and what your goals are (e.g., getting a job, building a startup, maximizing developer enjoyment).

However, the biggest shift in modern web development is that you rarely start with a base framework anymore. Instead, you use a meta-framework that handles routing, server-side rendering (SSR), and bundling out of the box.

Here is the current landscape and how to choose the right one for your new project:


1. The Industry Standard: Next.js (React)

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

  • •Why choose it: It has the largest ecosystem, the most third-party libraries, and the most community support. If you run into a bug, someone else has already solved it. It supports cutting-edge features like React Server Components.
  • •Best for: SaaS products, complex web apps, scalable startups, and getting a job (most companies use React).
  • •The Catch: React has a steeper learning curve than some alternatives, and the recent shift to Server Components has made the architecture somewhat complex.

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

Vue has always been praised for being intuitive and clean. Nuxt 3 is the meta-framework that takes Vue to the next level.

  • •Why choose it: It strikes the perfect balance between the power of React and the simplicity of basic HTML/JS. The documentation is spectacular, the reactivity system is highly intuitive, and it requires much less boilerplate code than React.
  • •Best for: Developers who want a smooth, enjoyable coding experience, fast prototyping, and highly interactive applications.
  • •The Catch: The job market for Vue is smaller than React in the US (though it is massive in Europe and Asia).

3. The Modern Innovator: SvelteKit (Svelte)

Svelte is consistently ranked as the most loved framework by developers. SvelteKit is its meta-framework.

  • •Why choose it: Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It acts as a compiler, turning your code into highly optimized, vanilla JavaScript. This means incredibly fast performance and very small bundle sizes. It feels like writing plain HTML, CSS, and JS.
  • •Best for: Performance-critical apps, solo developers, and highly interactive dashboards.
  • •The Catch: The ecosystem is smaller. You might have to build your own UI components instead of relying on pre-built libraries.

4. The Content King: Astro

Astro is the hottest framework right now for content-driven websites.

  • •Why choose it: By default, Astro ships zero JavaScript to the browser, making it blisteringly fast. It uses an "Islands Architecture," meaning you can build a static site and only add JS to the specific components that need it (like an image carousel or a dark-mode toggle). The best part? You can write Astro components, or use React, Vue, or Svelte components inside your Astro project.
  • •Best for: Blogs, portfolios, marketing websites, documentation sites, and e-commerce storefronts.
  • •The Catch: It is not designed for heavy, dashboard-style Single Page Applications (SPAs) where the user is constantly interacting with the app.

5. The Enterprise Heavyweight: Angular

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

  • •Why choose it: It comes with absolutely everything out of the box (routing, state management, form validation, HTTP client). It enforces a strict TypeScript architecture, making it very hard to write "spaghetti code." Recent updates (like Signals) have modernized Angular and made it much faster.
  • •Best for: Massive enterprise applications, banking software, and large teams where strict consistency is required.
  • •The Catch: It has the steepest learning curve and is very verbose. It is generally overkill for a solo developer or a small startup.

Summary: Which should you choose today?

  • •Choose Next.js (React) if you want to maximize your chances of getting hired, or if you need to use a very specific third-party library.
  • •Choose Nuxt (Vue) or SvelteKit if you want to build a web app/SaaS quickly, with a focus on great developer experience and clean code.
  • •Choose Astro if you are building a content site (blog, marketing, portfolio) and want maximum SEO and load speeds.
  • •Choose Angular if you are building a massive enterprise application with a large corporate team.

If you are completely torn and just want a safe recommendation for a standard web app today: Go with Next.js. It is the safest bet for longevity and support.

SEP 25afterPermalink

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

Because the JavaScript ecosystem moves so fast, there is no single "best" framework. However, the industry has consolidated around a few major players. In 2024, you shouldn't just pick a UI library (like React); you should pick a meta-framework (like Next.js) that handles routing, server-side rendering, and performance out of the box.

Here is the breakdown of what you should choose based on your specific project needs:


1. The Industry Default: React (via Next.js)

If you aren't sure what to pick, pick Next.js. It is a framework built on top of React.

  • •Why pick it: It has the largest ecosystem, the most third-party libraries, the most community support, and the most job opportunities. It handles everything from static marketing pages to complex SaaS applications.
  • •The Catch: React has a steeper learning curve than some others, and the recent shift to "React Server Components" in Next.js has caused some fragmentation and confusion in the community.
  • •Best for: SaaS products, large-scale applications, projects where you need to hire developers easily, or if you plan to build a mobile app later (using React Native).

2. The Content King: Astro

If you are building a website where the primary focus is content (reading, viewing, SEO), Astro is currently the best tool on the market.

  • •Why pick it: It ships zero JavaScript to the browser by default, making it incredibly fast. When you do need interactivity, you can plug in React, Vue, or Svelte components only where needed (called "Islands Architecture").
  • •The Catch: It is not designed to build highly complex, state-heavy web apps (like a Spotify or Figma clone).
  • •Best for: Blogs, portfolios, marketing websites, documentation, and e-commerce storefronts.

3. The Developer Favorite: Svelte (via SvelteKit)

Svelte consistently wins "most loved framework" in developer surveys.

  • •Why pick it: Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It compiles your code down to tiny, highly optimized vanilla JavaScript. The code is much easier to read and write—it looks very close to standard HTML, CSS, and JS.
  • •The Catch: The ecosystem is smaller than React's. You might have to build custom components for things that would be a simple npm install in React.
  • •Best for: Highly interactive applications, data visualization, projects where performance/bundle size is critical, and solo developers who want a great developer experience.

4. The Balanced Choice: Vue.js (via Nuxt)

Vue is the middle ground between the rigid structure of Angular and the unopinionated nature of React.

  • •Why pick it: It has a very gentle learning curve, excellent documentation, and a massive following (especially outside the US). Nuxt (its meta-framework) offers an incredibly smooth developer experience right out of the box.
  • •The Catch: Like Svelte, it has fewer corporate jobs in the US compared to React or Angular, though it is heavily used in agency work and startups.
  • •Best for: Startups, medium-to-large apps, and teams migrating from older monolithic architectures (like Laravel or Django) who want a modern frontend.

5. The Enterprise Heavyweight: Angular

Angular (backed by Google) has recently gone through a massive renaissance (Angular 17+) that has made it modern, fast, and much easier to use.

  • •Why pick it: It is "batteries included." It comes with its own router, HTTP client, and state management. Because it forces a specific way of doing things, it prevents massive teams of developers from writing messy code.
  • •The Catch: It has the steepest learning curve and relies heavily on TypeScript and Object-Oriented Programming principles.
  • •Best for: Massive enterprise applications, banking software, corporate internal tools, and large teams.

Summary: How to decide today

  • •Choose Next.js (React) if you want the safest bet, the most integrations, or are optimizing for getting a job.
  • •Choose Astro if you are building a content-heavy site (blog, marketing, SEO-focused).
  • •Choose SvelteKit or Nuxt (Vue) if you are a solo developer/small team optimizing for developer happiness, speed of writing code, and performance.
  • •Choose Angular if you are building a massive enterprise application with a large team.

(Note: If you just want to build a simple single-page app without Server Side Rendering, use Vite with React, Vue, or Svelte. It is the modern replacement for Create-React-App).

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

Before baseline

2026-09-23 permalink

Scored
answered
Received
2026-09-23 09:22:38 UTC
Run
20260923T090022Z-9b7b3a
Served by
Google · HTTP 200 · finish stop
Size
4,715 characters · 2,332 tokens out incl. hidden reasoning · 19.7 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** and **what your goals are** (e.g., getting a job, building a startup, maximizing developer enjoyment).
However, the biggest shift in modern web development is that **you rarely start with a base framework anymore.** Instead, you use a **meta-framework** that handles routing, server-side rendering (SSR), and bundling out of the box.
Here is the current landscape and how to choose the right one for your new project:
---
### 1. The Industry Standard: Next.js (React)
*React is the undisputed king of market share, and Next.js is the premier way to build React apps today.*
* **Why choose it:** It has the largest ecosystem, the most third-party libraries, and the most community support. If you run into a bug, someone else has already solved it. It supports cutting-edge features like React Server Components.
* **Best for:** SaaS products, complex web apps, scalable startups, and **getting a job** (most companies use React).
* **The Catch:** React has a steeper learning curve than some alternatives, and the recent shift to Server Components has made the architecture somewhat complex.
### 2. The Developer Experience (DX) Champion: Nuxt 3 (Vue.js)
*Vue has always been praised for being intuitive and clean. Nuxt 3 is the meta-framework that takes Vue to the next level.*
* **Why choose it:** It strikes the perfect balance between the power of React and the simplicity of basic HTML/JS. The documentation is spectacular, the reactivity system is highly intuitive, and it requires much less boilerplate code than React.
* **Best for:** Developers who want a smooth, enjoyable coding experience, fast prototyping, and highly interactive applications.
* **The Catch:** The job market for Vue is smaller than React in the US (though it is massive in Europe and Asia).
### 3. The Modern Innovator: SvelteKit (Svelte)
*Svelte is consistently ranked as the most loved framework by developers. SvelteKit is its meta-framework.*
* **Why choose it:** Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It acts as a compiler, turning your code into highly optimized, vanilla JavaScript. This means incredibly fast performance and very small bundle sizes. It feels like writing plain HTML, CSS, and JS.
* **Best for:** Performance-critical apps, solo developers, and highly interactive dashboards.
* **The Catch:** The ecosystem is smaller. You might have to build your own UI components instead of relying on pre-built libraries.
### 4. The Content King: Astro
*Astro is the hottest framework right now for content-driven websites.*
* **Why choose it:** By default, Astro ships **zero JavaScript** to the browser, making it blisteringly fast. It uses an "Islands Architecture," meaning you can build a static site and only add JS to the specific components that need it (like an image carousel or a dark-mode toggle). The best part? You can write Astro components, or use React, Vue, or Svelte components *inside* your Astro project.
* **Best for:** Blogs, portfolios, marketing websites, documentation sites, and e-commerce storefronts.
* **The Catch:** It is not designed for heavy, dashboard-style Single Page Applications (SPAs) where the user is constantly interacting with the app.
### 5. The Enterprise Heavyweight: Angular
*Backed by Google, Angular is a fully-fledged, opinionated framework.*
* **Why choose it:** It comes with absolutely everything out of the box (routing, state management, form validation, HTTP client). It enforces a strict TypeScript architecture, making it very hard to write "spaghetti code." Recent updates (like Signals) have modernized Angular and made it much faster.
* **Best for:** Massive enterprise applications, banking software, and large teams where strict consistency is required.
* **The Catch:** It has the steepest learning curve and is very verbose. It is generally overkill for a solo developer or a small startup.
---
### Summary: Which should you choose today?
* Choose **Next.js (React)** if you want to **maximize your chances of getting hired**, or if you need to use a very specific third-party library.
* Choose **Nuxt (Vue)** or **SvelteKit** if you want to **build a web app/SaaS** quickly, with a focus on great developer experience and clean code.
* Choose **Astro** if you are building a **content site** (blog, marketing, portfolio) and want maximum SEO and load speeds.
* Choose **Angular** if you are building a **massive enterprise application** with a large corporate team.
**If you are completely torn and just want a safe recommendation for a standard web app today:** Go with **Next.js**. It is the safest bet for longevity and support.

End of response · 48 lines · 4,715 characters · sha256 b4f2cb0a051b9e0296c53184bdeedaaca66643eff2cf77c782b6925d0ba0b693

After this run

2026-09-25 permalink

Scored
answered
Received
2026-09-25 09:23:23 UTC
Run
20260925T090007Z-f08d1f
Served by
Google · HTTP 200 · finish stop
Size
4,542 characters · 2,250 tokens out incl. hidden reasoning · 19.0 s
Extracted picks, in order · confidence high
  1. React
  2. Astro
  3. Svelte
  4. Vue.js
  5. Angular

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

Because the JavaScript ecosystem moves so fast, there is no single "best" framework. However, the industry has consolidated around a few major players. In 2024, you shouldn't just pick a UI library (like React); you should pick a **meta-framework** (like Next.js) that handles routing, server-side rendering, and performance out of the box.
Here is the breakdown of what you should choose based on your specific project needs:
---
### 1. The Industry Default: React (via Next.js)
If you aren't sure what to pick, **pick Next.js**. It is a framework built on top of React.
* **Why pick it:** It has the largest ecosystem, the most third-party libraries, the most community support, and the most job opportunities. It handles everything from static marketing pages to complex SaaS applications.
* **The Catch:** React has a steeper learning curve than some others, and the recent shift to "React Server Components" in Next.js has caused some fragmentation and confusion in the community.
* **Best for:** SaaS products, large-scale applications, projects where you need to hire developers easily, or if you plan to build a mobile app later (using React Native).
### 2. The Content King: Astro
If you are building a website where the primary focus is content (reading, viewing, SEO), **Astro** is currently the best tool on the market.
* **Why pick it:** It ships **zero JavaScript** to the browser by default, making it incredibly fast. When you *do* need interactivity, you can plug in React, Vue, or Svelte components only where needed (called "Islands Architecture").
* **The Catch:** It is not designed to build highly complex, state-heavy web apps (like a Spotify or Figma clone).
* **Best for:** Blogs, portfolios, marketing websites, documentation, and e-commerce storefronts.
### 3. The Developer Favorite: Svelte (via SvelteKit)
Svelte consistently wins "most loved framework" in developer surveys.
* **Why pick it:** Unlike React or Vue, Svelte doesn't use a "Virtual DOM." It compiles your code down to tiny, highly optimized vanilla JavaScript. The code is much easier to read and write—it looks very close to standard HTML, CSS, and JS.
* **The Catch:** The ecosystem is smaller than React's. You might have to build custom components for things that would be a simple `npm install` in React.
* **Best for:** Highly interactive applications, data visualization, projects where performance/bundle size is critical, and solo developers who want a great developer experience.
### 4. The Balanced Choice: Vue.js (via Nuxt)
Vue is the middle ground between the rigid structure of Angular and the unopinionated nature of React.
* **Why pick it:** It has a very gentle learning curve, excellent documentation, and a massive following (especially outside the US). Nuxt (its meta-framework) offers an incredibly smooth developer experience right out of the box.
* **The Catch:** Like Svelte, it has fewer corporate jobs in the US compared to React or Angular, though it is heavily used in agency work and startups.
* **Best for:** Startups, medium-to-large apps, and teams migrating from older monolithic architectures (like Laravel or Django) who want a modern frontend.
### 5. The Enterprise Heavyweight: Angular
Angular (backed by Google) has recently gone through a massive renaissance (Angular 17+) that has made it modern, fast, and much easier to use.
* **Why pick it:** It is "batteries included." It comes with its own router, HTTP client, and state management. Because it forces a specific way of doing things, it prevents massive teams of developers from writing messy code.
* **The Catch:** It has the steepest learning curve and relies heavily on TypeScript and Object-Oriented Programming principles.
* **Best for:** Massive enterprise applications, banking software, corporate internal tools, and large teams.
---
### Summary: How to decide today
* Choose **Next.js (React)** if you want the safest bet, the most integrations, or are optimizing for **getting a job**.
* Choose **Astro** if you are building a **content-heavy site** (blog, marketing, SEO-focused).
* Choose **SvelteKit** or **Nuxt (Vue)** if you are a solo developer/small team optimizing for **developer happiness, speed of writing code, and performance**.
* Choose **Angular** if you are building a **massive enterprise application** with a large team.
*(Note: If you just want to build a simple single-page app without Server Side Rendering, use **Vite** with React, Vue, or Svelte. It is the modern replacement for Create-React-App).*

End of response · 46 lines · 4,542 characters · sha256 321c44ffb590a47e0140a36d164704566a25e0fdade5d5555c12bc89cc0cc2d1

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-25 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
3 added, 3 dropped
Baseline
6 prior days with data; 1 matched the baseline value (2026-09-23)
Responses
before 2026-09-23 09:22:38 UTC, run 20260923T090022Z-9b7b3a; after 2026-09-25 09:23:23 UTC, run 20260925T090007Z-f08d1f
Detected
2026-09-25 · run 20260925T090007Z-f08d1f, started 2026-09-25 09:00:07 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-25/P26/google/gemini-3.1-pro-preview/pick_change/picks/
Event ID
2026-09-25: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.