MODELDRIFT.WATCH

Sep 20 · Day 11

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

Picks read from the answer, in order
  1. React + Next.js
  2. Svelte + SvelteKit
  3. Astro
  4. Vue + Nuxt 3
  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, or just having a good time coding).

The modern JavaScript ecosystem has shifted away from raw UI libraries (like basic React or Vue) and moved toward meta-frameworks (frameworks built on top of those libraries that handle routing, server-side rendering, and APIs).

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

1. The "Safe & Industry Standard" Choice: React + Next.js

If you want the most community support, the most third-party packages, and the highest chance of getting hired, this is the answer. Next.js is the official recommendation by the React team for building new apps.

  • •Best for: SaaS products, highly interactive dashboards, large-scale applications, and getting a job.
  • •Pros: Massive ecosystem (if you need a library for something, it exists for React), massive job market, heavily backed by Vercel.
  • •Cons: The learning curve has gotten steeper recently (Server Components, App Router), and it has a lot of boilerplate compared to newer frameworks.

2. The "Best Developer Experience" Choice: Svelte + SvelteKit

If you are building a project for yourself, a startup, or a small team and want to move incredibly fast, Svelte is currently the darling of the developer world. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.

  • •Best for: Solo developers, startups, highly interactive web apps, and people who want to write less code.
  • •Pros: Incredibly intuitive, very little boilerplate, built-in state management, lightning-fast performance, and it feels like writing raw HTML/CSS/JS.
  • •Cons: Smaller job market and a smaller (but rapidly growing) ecosystem of third-party libraries compared to React.

3. The "Content & Website" Choice: Astro

If you are building a website where the primary focus is reading content rather than interacting with a dashboard, Astro is the undisputed king right now. It ships zero JavaScript to the browser by default, making it unbelievably fast.

  • •Best for: Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
  • •Pros: Perfect SEO, blazingly fast. The killer feature: You can use React, Vue, or Svelte components inside Astro if you need interactive "islands" (like an image carousel or a checkout cart).
  • •Cons: Not meant for highly complex, logged-in web applications (like a Spotify or Figma clone).

4. The "Happy Medium" Choice: Vue + Nuxt 3

Vue has always sat perfectly between React's massive scale and Svelte's simplicity. Nuxt 3 (the meta-framework for Vue) is incredibly polished, fast, and a joy to use.

  • •Best for: Teams who want a structured, opinionated framework without the complexity of React.
  • •Pros: Excellent official documentation, very clean syntax, great performance, and a very loyal, helpful community.
  • •Cons: Sits in the middle ground—doesn't have React's job market, nor does it have Svelte's "shiny new toy" hype, though it is highly respected.

5. The "Heavy Enterprise" Choice: Angular

Backed by Google, Angular is a "batteries-included" framework. You don't have to choose a router, a state management library, or a testing framework—Angular provides it all. It recently went through a massive modernization (introducing "Signals") that has made it much more pleasant to write.

  • •Best for: Massive enterprise applications, banking software, large teams with strict conventions.
  • •Pros: Everything is standardized. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is.
  • •Cons: Very steep learning curve, heavily reliant on TypeScript and decorators, can feel bloated for small projects.

Summary: Which should you choose?

  • •If you want to get a job: Choose React + Next.js.
  • •If you want to build a fast startup/SaaS and love clean code: Choose SvelteKit.
  • •If you are building a blog, portfolio, or marketing site: Choose Astro.
  • •If you are working in corporate enterprise: Choose Angular.

If you still can't decide: Go with Next.js. It is the default language of the modern web, and you will never regret knowing it.

SEP 20afterPermalink

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

Because there is no single "best" framework, the right choice depends entirely on what you are building, your team's experience, and your goals.

However, in today’s modern web development landscape, you shouldn't just choose a framework; you should choose a "meta-framework" (a framework built on top of a framework that handles routing, server-side rendering, and performance out of the box).

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

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

If you aren't sure what to pick, want the easiest time finding solutions on StackOverflow, or plan to hire developers, this is the answer.

  • •What it is: A full-stack framework built on top of React.
  • •Best for: Complex web apps, SaaS products, dashboards, and scalable platforms.
  • •Pros: Massive ecosystem, largest job market, backed by Vercel, excellent SEO and performance capabilities.
  • •Cons: React has a lot of boilerplate and a steeper learning curve regarding state management (hooks). Next.js has recently become quite complex with its new "App Router."
  • •Alternative: Remix is another React meta-framework gaining massive popularity for its simpler approach to data loading and standard web fundamentals.

2. The Best Developer Experience: SvelteKit (Svelte)

If you want to write less code, build faster, and have an incredibly enjoyable development experience, pick SvelteKit.

  • •What it is: A full-stack framework for Svelte. Unlike React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript, removing the need for a "Virtual DOM."
  • •Best for: Highly interactive apps, solo developers, startups wanting to move fast, and data visualization.
  • •Pros: Incredible performance, very little boilerplate code, intuitive reactivity, and a remarkably gentle learning curve.
  • •Cons: Smaller ecosystem than React. You might have to build custom integrations for certain third-party services instead of downloading a pre-made package.

3. The Content King: Astro

If you are building a website where the primary focus is reading/consuming content, Astro is currently the best tool on the market.

  • •What it is: A framework optimized for speed. It ships zero JavaScript to the browser by default.
  • •Best for: Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
  • •Pros: Unmatched loading speeds and SEO. It uses "Islands Architecture," which means you can actually use React, Vue, or Svelte components inside your Astro project only where you need interactivity (like an image carousel or a "Buy" button).
  • •Cons: Not meant for highly complex, state-heavy web applications (like a Spotify or Figma clone).

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

If you like the structure of Angular but the flexibility of React, Vue is the perfect middle ground.

  • •What it is: The premier full-stack framework for Vue.js.
  • •Best for: General web applications, teams that find React's syntax confusing, and rapid prototyping.
  • •Pros: Exceptionally clean documentation, very logical separation of HTML/CSS/JS in single-file components, and an excellent developer experience.
  • •Cons: The job market is smaller than React's (though very strong in parts of Europe and Asia).

5. The Enterprise Heavyweight: Angular

If you are building a massive application with a large team of developers and need strict rules, Angular is the traditional choice.

  • •What it is: A full-featured, highly opinionated framework by Google.
  • •Best for: Massive enterprise applications, banking software, and corporate internal tools.
  • •Pros: Everything is included (routing, HTTP client, forms). It enforces strict architecture, meaning large teams write consistent code. (Note: Angular is currently undergoing a "renaissance" with new features like Signals, making it much faster and more modern).
  • •Cons: Very steep learning curve, highly verbose, and overkill for small-to-medium projects.

Summary: How to decide right now

  • 1.I want to build a Content Site / Blog / Marketing site: Use Astro.
  • 2.I want to build a Web App / SaaS and want the best developer experience: Use SvelteKit.
  • 3.I want to build a Web App / SaaS and want the biggest ecosystem/job market: Use Next.js.
  • 4.I want to build a Mobile App eventually: Start with React (Next.js) so you can easily transition your skills to React Native.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before baseline

2026-09-19 permalink

Scored
answered
Received
2026-09-19 09:23:00 UTC
Run
20260919T090005Z-86161c
Served by
Google · HTTP 200 · finish stop
Size
4,447 characters · 2,173 tokens out incl. hidden reasoning · 18.2 s
Extracted picks, in order · confidence high
  1. React + Next.js
  2. Svelte + SvelteKit
  3. Astro
  4. Vue + Nuxt 3
  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, or just having a good time coding).
The modern JavaScript ecosystem has shifted away from raw UI libraries (like basic React or Vue) and moved toward **meta-frameworks** (frameworks built *on top* of those libraries that handle routing, server-side rendering, and APIs).
Here is the breakdown of the best choices for starting a new project today:
---
### 1. The "Safe & Industry Standard" Choice: React + Next.js
If you want the most community support, the most third-party packages, and the highest chance of getting hired, this is the answer. Next.js is the official recommendation by the React team for building new apps.
* **Best for:** SaaS products, highly interactive dashboards, large-scale applications, and getting a job.
* **Pros:** Massive ecosystem (if you need a library for something, it exists for React), massive job market, heavily backed by Vercel.
* **Cons:** The learning curve has gotten steeper recently (Server Components, App Router), and it has a lot of boilerplate compared to newer frameworks.
### 2. The "Best Developer Experience" Choice: Svelte + SvelteKit
If you are building a project for yourself, a startup, or a small team and want to move incredibly fast, Svelte is currently the darling of the developer world. Instead of using a Virtual DOM like React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript.
* **Best for:** Solo developers, startups, highly interactive web apps, and people who want to write less code.
* **Pros:** Incredibly intuitive, very little boilerplate, built-in state management, lightning-fast performance, and it feels like writing raw HTML/CSS/JS.
* **Cons:** Smaller job market and a smaller (but rapidly growing) ecosystem of third-party libraries compared to React.
### 3. The "Content & Website" Choice: Astro
If you are building a website where the primary focus is *reading content* rather than *interacting with a dashboard*, Astro is the undisputed king right now. It ships **zero JavaScript to the browser by default**, making it unbelievably fast.
* **Best for:** Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
* **Pros:** Perfect SEO, blazingly fast. **The killer feature:** You can use React, Vue, or Svelte components *inside* Astro if you need interactive "islands" (like an image carousel or a checkout cart).
* **Cons:** Not meant for highly complex, logged-in web applications (like a Spotify or Figma clone).
### 4. The "Happy Medium" Choice: Vue + Nuxt 3
Vue has always sat perfectly between React's massive scale and Svelte's simplicity. Nuxt 3 (the meta-framework for Vue) is incredibly polished, fast, and a joy to use.
* **Best for:** Teams who want a structured, opinionated framework without the complexity of React.
* **Pros:** Excellent official documentation, very clean syntax, great performance, and a very loyal, helpful community.
* **Cons:** Sits in the middle ground—doesn't have React's job market, nor does it have Svelte's "shiny new toy" hype, though it is highly respected.
### 5. The "Heavy Enterprise" Choice: Angular
Backed by Google, Angular is a "batteries-included" framework. You don't have to choose a router, a state management library, or a testing framework—Angular provides it all. It recently went through a massive modernization (introducing "Signals") that has made it much more pleasant to write.
* **Best for:** Massive enterprise applications, banking software, large teams with strict conventions.
* **Pros:** Everything is standardized. If you know Angular, you can jump into any Angular codebase in the world and know exactly where everything is.
* **Cons:** Very steep learning curve, heavily reliant on TypeScript and decorators, can feel bloated for small projects.
---
### Summary: Which should you choose?
* **If you want to get a job:** Choose **React + Next.js**.
* **If you want to build a fast startup/SaaS and love clean code:** Choose **SvelteKit**.
* **If you are building a blog, portfolio, or marketing site:** Choose **Astro**.
* **If you are working in corporate enterprise:** Choose **Angular**.
**If you still can't decide:** Go with **Next.js**. It is the default language of the modern web, and you will never regret knowing it.

End of response · 48 lines · 4,447 characters · sha256 fa2685a9f38bcb9d0d9ea7d35de4a93f8c754da4b46c9a2c341a4fd5e0c9a017

After this run

2026-09-20 permalink

Scored
answered
Received
2026-09-20 09:23:59 UTC
Run
20260920T090019Z-bbedf3
Served by
Google · HTTP 200 · finish stop
Size
4,591 characters · 2,053 tokens out incl. hidden reasoning · 18.2 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).

Because there is no single "best" framework, the right choice depends entirely on what you are building, your team's experience, and your goals.
However, in today’s modern web development landscape, **you shouldn't just choose a framework; you should choose a "meta-framework"** (a framework built on top of a framework that handles routing, server-side rendering, and performance out of the box).
Here is the breakdown of what you should choose today based on your specific needs:
---
### 1. The Safe Bet / Industry Standard: **Next.js (React)**
If you aren't sure what to pick, want the easiest time finding solutions on StackOverflow, or plan to hire developers, this is the answer.
* **What it is:** A full-stack framework built on top of React.
* **Best for:** Complex web apps, SaaS products, dashboards, and scalable platforms.
* **Pros:** Massive ecosystem, largest job market, backed by Vercel, excellent SEO and performance capabilities.
* **Cons:** React has a lot of boilerplate and a steeper learning curve regarding state management (hooks). Next.js has recently become quite complex with its new "App Router."
* *Alternative:* **Remix** is another React meta-framework gaining massive popularity for its simpler approach to data loading and standard web fundamentals.
### 2. The Best Developer Experience: **SvelteKit (Svelte)**
If you want to write less code, build faster, and have an incredibly enjoyable development experience, pick SvelteKit.
* **What it is:** A full-stack framework for Svelte. Unlike React, Svelte is a compiler that turns your code into highly optimized vanilla JavaScript, removing the need for a "Virtual DOM."
* **Best for:** Highly interactive apps, solo developers, startups wanting to move fast, and data visualization.
* **Pros:** Incredible performance, very little boilerplate code, intuitive reactivity, and a remarkably gentle learning curve.
* **Cons:** Smaller ecosystem than React. You might have to build custom integrations for certain third-party services instead of downloading a pre-made package.
### 3. The Content King: **Astro**
If you are building a website where the primary focus is reading/consuming content, Astro is currently the best tool on the market.
* **What it is:** A framework optimized for speed. It ships **zero JavaScript** to the browser by default.
* **Best for:** Blogs, marketing websites, portfolios, documentation, and e-commerce storefronts.
* **Pros:** Unmatched loading speeds and SEO. It uses "Islands Architecture," which means you can actually use React, Vue, or Svelte components *inside* your Astro project only where you need interactivity (like an image carousel or a "Buy" button).
* **Cons:** Not meant for highly complex, state-heavy web applications (like a Spotify or Figma clone).
### 4. The Balanced Middle-Ground: **Nuxt (Vue.js)**
If you like the structure of Angular but the flexibility of React, Vue is the perfect middle ground.
* **What it is:** The premier full-stack framework for Vue.js.
* **Best for:** General web applications, teams that find React's syntax confusing, and rapid prototyping.
* **Pros:** Exceptionally clean documentation, very logical separation of HTML/CSS/JS in single-file components, and an excellent developer experience.
* **Cons:** The job market is smaller than React's (though very strong in parts of Europe and Asia).
### 5. The Enterprise Heavyweight: **Angular**
If you are building a massive application with a large team of developers and need strict rules, Angular is the traditional choice.
* **What it is:** A full-featured, highly opinionated framework by Google.
* **Best for:** Massive enterprise applications, banking software, and corporate internal tools.
* **Pros:** Everything is included (routing, HTTP client, forms). It enforces strict architecture, meaning large teams write consistent code. (Note: Angular is currently undergoing a "renaissance" with new features like Signals, making it much faster and more modern).
* **Cons:** Very steep learning curve, highly verbose, and overkill for small-to-medium projects.
---
### Summary: How to decide right now
1. **I want to build a Content Site / Blog / Marketing site:** Use **Astro**.
2. **I want to build a Web App / SaaS and want the best developer experience:** Use **SvelteKit**.
3. **I want to build a Web App / SaaS and want the biggest ecosystem/job market:** Use **Next.js**.
4. **I want to build a Mobile App eventually:** Start with **React (Next.js)** so you can easily transition your skills to React Native.

End of response · 52 lines · 4,591 characters · sha256 0b44aea295038d1e657ce90fb7370a7480ea4d91990e0144f888f9c8fb40377f

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-20 09:00:19 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
7 prior days with data; 5 matched the baseline value (2026-09-14, 2026-09-15, 2026-09-17, 2026-09-18, 2026-09-19)
Responses
before 2026-09-19 09:23:00 UTC, run 20260919T090005Z-86161c; after 2026-09-20 09:23:59 UTC, run 20260920T090019Z-bbedf3
Detected
2026-09-20 · run 20260920T090019Z-bbedf3, started 2026-09-20 09:00:19 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-20/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-09-20: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.