MODELDRIFT.WATCH

Sep 12 · Day 3

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

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

Because the JavaScript ecosystem evolves so quickly, the best answer depends entirely on what you are building and your team's experience.

In 2024, the industry has largely moved away from pure Single Page Applications (SPAs) like basic React or Vue, and toward Meta-frameworks that handle routing, server-side rendering, and performance out of the box.

Here is the breakdown of the best frameworks to start a project with today, based on your use case:

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

If you want the safest bet, the most community support, and the easiest time finding developers or third-party libraries, choose Next.js.

  • •Why it’s great: It has massive corporate backing (Vercel), handles SEO brilliantly via Server-Side Rendering (SSR), and is the undisputed king of the modern enterprise web.
  • •The Catch: The recent shift to the "App Router" and React Server Components has made it more complex with a steeper learning curve.
  • •Best for: SaaS products, large-scale e-commerce, complex dashboards, and projects where you need to hire developers easily.

2. The Best Developer Experience: SvelteKit (built on Svelte)

If you want to write clean, minimal code without the boilerplate and complexity of React, SvelteKit is arguably the most loved framework by developers right now.

  • •Why it’s great: It doesn't use a Virtual DOM. It compiles your code into highly optimized vanilla JavaScript, making it incredibly fast. The syntax feels like standard HTML, CSS, and JS.
  • •The Catch: The ecosystem and job market are smaller than React's. You might have to build some custom components instead of downloading a pre-built library.
  • •Best for: Highly interactive web apps, startups moving fast, and teams who are tired of React's complexity.

3. For Content, Blogs & Marketing: Astro

If you are building a website where people consume content rather than a highly interactive web app, Astro is currently the undisputed champion.

  • •Why it’s great: It ships zero JavaScript to the browser by default, making it blazingly fast. If you need interactive elements, Astro uses "Islands Architecture," allowing you to drop in React, Vue, or Svelte components only where needed.
  • •The Catch: It is not designed for highly complex, state-heavy web apps (like Spotify or Figma in the browser).
  • •Best for: Portfolios, blogs, documentation sites, e-commerce storefronts, and marketing pages.

4. The Balanced Alternative: Nuxt (built on Vue)

If you like the power of React but want a cleaner, more opinionated, and organized structure, Vue and Nuxt are fantastic.

  • •Why it’s great: Nuxt 3 is incredibly stable, extremely fast, and has excellent documentation. It provides a great middle-ground between the strictness of Angular and the "wild west" of React.
  • •The Catch: Like Svelte, the ecosystem isn't as massive as React's (though it is larger than Svelte's).
  • •Best for: Teams who want a fantastic developer experience, convention over configuration, and high performance.

5. The Enterprise Heavyweight: Angular (v17+)

Angular has historically been seen as bloated, but the recent updates (v17 and v18) have sparked a massive renaissance.

  • •Why it’s great: It includes everything out of the box (routing, state management, HTTP client). With the introduction of "Signals" and standalone components, it is faster and easier to write than it has been in a decade.
  • •The Catch: It is highly opinionated, heavily reliant on strict TypeScript, and has a steep learning curve.
  • •Best for: Massive enterprise teams, legacy codebases, and highly complex, data-heavy internal tools.

Summary: How to choose right now?

  • 1."I just want a fast website/blog with great SEO." 👉 Choose Astro.
  • 2."I'm building a startup/SaaS and need an ecosystem with lots of libraries." 👉 Choose Next.js.
  • 3."I want to build an app but I hate React's complexity." 👉 Choose SvelteKit or Nuxt.
  • 4."I have a massive team of Java/C# developers building enterprise software." 👉 Choose Angular.
  • 5."I want a React alternative to Next.js that focuses on web standards." 👉 Choose Remix.

SEP 12afterPermalink

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

The best JavaScript framework for your new project depends entirely on what you are building, your team's experience, and your goals.

Today, the industry standard has moved away from basic single-page applications (SPAs) to meta-frameworks that handle routing, server-side rendering (SSR), and API endpoints out of the box.

Here is the breakdown of what you should choose today, categorized by project type:

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

If you aren't sure what to pick, pick this. Next.js is built on top of React and is currently the dominant force in the JavaScript ecosystem.

  • •Best for: SaaS products, e-commerce, complex web apps, and projects where you might need to hire developers later.
  • •Pros: Massive ecosystem, endless UI libraries (like shadcn/ui or Tailwind UI), excellent documentation, and strong backing by Vercel.
  • •Cons: It can be overly complex for simple sites, and the recent shift to the "App Router" has a steep learning curve.

2. The Best Developer Experience: SvelteKit (Svelte)

If you want to write less code, have blazing-fast performance, and genuinely enjoy the development process, choose SvelteKit.

  • •Best for: Highly interactive dashboards, solo developers, and teams that want maximum performance without the complexity of React.
  • •Pros: No virtual DOM (it compiles to vanilla JS), incredibly intuitive syntax, built-in state management, and minimal boilerplate.
  • •Cons: Smaller ecosystem than React. You might have to build custom UI components rather than downloading pre-made ones.

3. For Content-Heavy & Marketing Sites: Astro

If you are building a website where content and SEO are the main focus, Astro is the absolute best choice today.

  • •Best for: Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
  • •Pros: It ships zero JavaScript by default, making it insanely fast. It uses an "Islands Architecture," meaning you can use React, Vue, or Svelte components only where you need interactivity (like a shopping cart or image carousel).
  • •Cons: Not designed for highly complex, logged-in, app-like dashboards (though it is improving in this area).

4. The Balanced Middle-Ground: Nuxt (Vue.js)

If you like the structure of Angular but the flexibility of React, Nuxt (built on Vue) is a fantastic choice.

  • •Best for: Medium-to-large web apps, teams transitioning from traditional HTML/CSS web dev, and projects needing excellent organization.
  • •Pros: Vue’s Composition API is incredibly clean. Nuxt handles routing, state, and server-side rendering beautifully with less configuration than Next.js.
  • •Cons: The ecosystem is smaller than React's, and the transition from Vue 2 to Vue 3 fractured the community slightly (though this has mostly stabilized).

5. The Enterprise Heavyweight: Angular

If you are working in a large corporate environment with large teams, Angular remains a powerhouse. (Note: Angular recently had a massive renaissance with version 17+, making it much faster and easier to use).

  • •Best for: Massive enterprise applications, banking software, and projects where strict architecture and consistency across a large team are required.
  • •Pros: Everything is included (routing, HTTP client, form validation). It forces a strict structure so every Angular project looks similar.
  • •Cons: The steepest learning curve of the group. Very verbose.

Summary: How to decide right now

  • •Choose Next.js (React) if you want the most secure choice, the largest community, and access to the most third-party libraries.
  • •Choose Astro if you are building a website focused on content, SEO, and speed (like a blog or marketing site).
  • •Choose SvelteKit if you want the absolute best developer experience, fast performance, and hate complex boilerplate code.
  • •Choose Nuxt (Vue) if you want a clean, highly organized, and intuitive framework that sits perfectly between React and Angular.

TL;DR: If you want to get a job or build a startup fast using off-the-shelf templates, use Next.js. If you want to have fun coding and build a lightning-fast app, use SvelteKit.

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

Before baseline

2026-09-11 permalink

Scored
answered
Received
2026-09-11 09:29:55 UTC
Run
20260911T090002Z-da0dd3
Served by
Google · HTTP 200 · finish stop
Size
4,244 characters · 2,215 tokens out incl. hidden reasoning · 19.5 s
Extracted picks, in order · confidence high
  1. Meta-frameworks
  2. Next.js
  3. SvelteKit
  4. Astro
  5. Nuxt
  6. Angular

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

Because the JavaScript ecosystem evolves so quickly, the best answer depends entirely on **what you are building** and **your team's experience**.
In 2024, the industry has largely moved away from pure Single Page Applications (SPAs) like basic React or Vue, and toward **Meta-frameworks** that handle routing, server-side rendering, and performance out of the box.
Here is the breakdown of the best frameworks to start a project with today, based on your use case:
---
### 1. The Industry Standard: **Next.js** (built on React)
If you want the safest bet, the most community support, and the easiest time finding developers or third-party libraries, choose Next.js.
* **Why it’s great:** It has massive corporate backing (Vercel), handles SEO brilliantly via Server-Side Rendering (SSR), and is the undisputed king of the modern enterprise web.
* **The Catch:** The recent shift to the "App Router" and React Server Components has made it more complex with a steeper learning curve.
* **Best for:** SaaS products, large-scale e-commerce, complex dashboards, and projects where you need to hire developers easily.
### 2. The Best Developer Experience: **SvelteKit** (built on Svelte)
If you want to write clean, minimal code without the boilerplate and complexity of React, SvelteKit is arguably the most loved framework by developers right now.
* **Why it’s great:** It doesn't use a Virtual DOM. It compiles your code into highly optimized vanilla JavaScript, making it incredibly fast. The syntax feels like standard HTML, CSS, and JS.
* **The Catch:** The ecosystem and job market are smaller than React's. You might have to build some custom components instead of downloading a pre-built library.
* **Best for:** Highly interactive web apps, startups moving fast, and teams who are tired of React's complexity.
### 3. For Content, Blogs & Marketing: **Astro**
If you are building a website where people consume content rather than a highly interactive web app, Astro is currently the undisputed champion.
* **Why it’s great:** It ships **zero JavaScript** to the browser by default, making it blazingly fast. If you need interactive elements, Astro uses "Islands Architecture," allowing you to drop in React, Vue, or Svelte components only where needed.
* **The Catch:** It is not designed for highly complex, state-heavy web apps (like Spotify or Figma in the browser).
* **Best for:** Portfolios, blogs, documentation sites, e-commerce storefronts, and marketing pages.
### 4. The Balanced Alternative: **Nuxt** (built on Vue)
If you like the power of React but want a cleaner, more opinionated, and organized structure, Vue and Nuxt are fantastic.
* **Why it’s great:** Nuxt 3 is incredibly stable, extremely fast, and has excellent documentation. It provides a great middle-ground between the strictness of Angular and the "wild west" of React.
* **The Catch:** Like Svelte, the ecosystem isn't as massive as React's (though it is larger than Svelte's).
* **Best for:** Teams who want a fantastic developer experience, convention over configuration, and high performance.
### 5. The Enterprise Heavyweight: **Angular** (v17+)
Angular has historically been seen as bloated, but the recent updates (v17 and v18) have sparked a massive renaissance.
* **Why it’s great:** It includes *everything* out of the box (routing, state management, HTTP client). With the introduction of "Signals" and standalone components, it is faster and easier to write than it has been in a decade.
* **The Catch:** It is highly opinionated, heavily reliant on strict TypeScript, and has a steep learning curve.
* **Best for:** Massive enterprise teams, legacy codebases, and highly complex, data-heavy internal tools.
---
### Summary: How to choose right now?
1. **"I just want a fast website/blog with great SEO."** 👉 Choose **Astro**.
2. **"I'm building a startup/SaaS and need an ecosystem with lots of libraries."** 👉 Choose **Next.js**.
3. **"I want to build an app but I hate React's complexity."** 👉 Choose **SvelteKit** or **Nuxt**.
4. **"I have a massive team of Java/C# developers building enterprise software."** 👉 Choose **Angular**.
5. **"I want a React alternative to Next.js that focuses on web standards."** 👉 Choose **Remix**.

End of response · 47 lines · 4,244 characters · sha256 3bf7dc1cace7deb6785dd01c7df289433bcdd1c900e309ef6443b2d8dca55539

After this run

2026-09-12 permalink

Scored
answered
Received
2026-09-12 09:23:33 UTC
Run
20260912T090021Z-c0c86e
Served by
Google · HTTP 200 · finish stop
Size
4,234 characters · 2,140 tokens out incl. hidden reasoning · 19.1 s
Extracted picks, in order · confidence high
  1. Next.js
  2. SvelteKit
  3. Astro
  4. Nuxt
  5. Angular

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

The best JavaScript framework for your new project depends entirely on what you are building, your team's experience, and your goals.
Today, the industry standard has moved away from basic single-page applications (SPAs) to **meta-frameworks** that handle routing, server-side rendering (SSR), and API endpoints out of the box.
Here is the breakdown of what you should choose today, categorized by project type:
---
### 1. The "Safe Bet" & Industry Standard: Next.js (React)
If you aren't sure what to pick, pick this. **Next.js** is built on top of React and is currently the dominant force in the JavaScript ecosystem.
* **Best for:** SaaS products, e-commerce, complex web apps, and projects where you might need to hire developers later.
* **Pros:** Massive ecosystem, endless UI libraries (like shadcn/ui or Tailwind UI), excellent documentation, and strong backing by Vercel.
* **Cons:** It can be overly complex for simple sites, and the recent shift to the "App Router" has a steep learning curve.
### 2. The Best Developer Experience: SvelteKit (Svelte)
If you want to write less code, have blazing-fast performance, and genuinely enjoy the development process, choose **SvelteKit**.
* **Best for:** Highly interactive dashboards, solo developers, and teams that want maximum performance without the complexity of React.
* **Pros:** No virtual DOM (it compiles to vanilla JS), incredibly intuitive syntax, built-in state management, and minimal boilerplate.
* **Cons:** Smaller ecosystem than React. You might have to build custom UI components rather than downloading pre-made ones.
### 3. For Content-Heavy & Marketing Sites: Astro
If you are building a website where content and SEO are the main focus, **Astro** is the absolute best choice today.
* **Best for:** Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
* **Pros:** It ships **zero JavaScript by default**, making it insanely fast. It uses an "Islands Architecture," meaning you can use React, Vue, or Svelte components *only* where you need interactivity (like a shopping cart or image carousel).
* **Cons:** Not designed for highly complex, logged-in, app-like dashboards (though it is improving in this area).
### 4. The Balanced Middle-Ground: Nuxt (Vue.js)
If you like the structure of Angular but the flexibility of React, **Nuxt** (built on Vue) is a fantastic choice.
* **Best for:** Medium-to-large web apps, teams transitioning from traditional HTML/CSS web dev, and projects needing excellent organization.
* **Pros:** Vue’s Composition API is incredibly clean. Nuxt handles routing, state, and server-side rendering beautifully with less configuration than Next.js.
* **Cons:** The ecosystem is smaller than React's, and the transition from Vue 2 to Vue 3 fractured the community slightly (though this has mostly stabilized).
### 5. The Enterprise Heavyweight: Angular
If you are working in a large corporate environment with large teams, **Angular** remains a powerhouse. (Note: Angular recently had a massive renaissance with version 17+, making it much faster and easier to use).
* **Best for:** Massive enterprise applications, banking software, and projects where strict architecture and consistency across a large team are required.
* **Pros:** Everything is included (routing, HTTP client, form validation). It forces a strict structure so every Angular project looks similar.
* **Cons:** The steepest learning curve of the group. Very verbose.
---
### Summary: How to decide right now
* Choose **Next.js (React)** if you want the most secure choice, the largest community, and access to the most third-party libraries.
* Choose **Astro** if you are building a website focused on content, SEO, and speed (like a blog or marketing site).
* Choose **SvelteKit** if you want the absolute best developer experience, fast performance, and hate complex boilerplate code.
* Choose **Nuxt (Vue)** if you want a clean, highly organized, and intuitive framework that sits perfectly between React and Angular.
**TL;DR:** If you want to get a job or build a startup fast using off-the-shelf templates, use **Next.js**. If you want to have fun coding and build a lightning-fast app, use **SvelteKit**.

End of response · 48 lines · 4,234 characters · sha256 62d081a9e89fc345ce987668085e3b93aba86ce5911c5552a545decad7c97ca9

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-12 09:00:20 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
2 prior days with data; 1 matched the baseline value (2026-09-11)
Responses
before 2026-09-11 09:29:55 UTC, run 20260911T090002Z-da0dd3; after 2026-09-12 09:23:33 UTC, run 20260912T090021Z-c0c86e
Detected
2026-09-12 · run 20260912T090021Z-c0c86e, started 2026-09-12 09:00:21 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-12/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-09-12: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.