MODELDRIFT.WATCH

Sep 21 · Day 12

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

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.

SEP 21afterPermalink

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

The short answer is: Start with a "meta-framework" like Next.js (React), Nuxt (Vue), or SvelteKit (Svelte).

The modern JavaScript ecosystem has moved away from basic Single Page Applications (SPAs) toward frameworks that handle routing, Server-Side Rendering (SSR), and API integrations out of the box.

To give you the best recommendation, here is a breakdown of what you should choose based on your project's goals.

1. The Safe, Industry Standard: React (via Next.js)

If you aren't sure what to pick, pick this. Next.js is the dominant framework in the industry today, heavily backed by Vercel.

  • •Why choose it: It has the largest ecosystem, the most third-party libraries (UI components, auth, databases), and it will be the easiest framework to hire for or get a job using. It supports React Server Components (RSCs), which is the cutting-edge way to build web apps.
  • •Best for: SaaS products, large-scale applications, e-commerce, and projects where you need a massive ecosystem of pre-built tools.
  • •Alternative: Remix. Also based on React, but with a different philosophy focused on web standards and data loading.

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

Vue is famous for taking the best parts of React and Angular and combining them into something much easier to use. Nuxt 3 is its modern meta-framework.

  • •Why choose it: It has a gentler learning curve than React, the documentation is incredible, and the "Composition API" makes writing clean, maintainable code very easy. It feels less "hacky" than React can sometimes feel.
  • •Best for: Small to medium teams, rapid prototyping, and developers who want a balance of structure and flexibility without the boilerplate of React.

3. The Performance & Modern Darling: Svelte (via SvelteKit)

Svelte consistently ranks as the "most loved" framework by developers. Unlike React or Vue, Svelte is a compiler—it translates your code into tiny, highly optimized vanilla JavaScript rather than using a heavy "Virtual DOM."

  • •Why choose it: You write significantly less code to achieve the same results. It is blindingly fast, lightweight, and features built-in state management that is incredibly intuitive.
  • •Best for: Highly interactive dashboards, data visualization, performance-critical apps, and developers tired of React's complexity.

4. For Content-Heavy Websites: Astro

If you are building a website rather than a complex web application, Astro is currently the best tool on the market.

  • •Why choose it: Astro ships zero JavaScript to the browser by default. However, if you need an interactive component (like a React image carousel or a Svelte search bar), you can drop it in using their "Islands Architecture." You can actually use React, Vue, and Svelte components inside Astro.
  • •Best for: Blogs, marketing websites, portfolios, documentation sites, and content-driven e-commerce storefronts.

5. The Enterprise Heavyweight: Angular

Backed by Google, Angular is a "batteries-included" framework. Recently, Angular has undergone a massive renaissance (introducing "Signals" and standalone components), making it modern and fast again.

  • •Why choose it: It includes everything you need out of the box (routing, HTTP client, form validation) and enforces a strict, object-oriented, TypeScript-first architecture.
  • •Best for: Massive enterprise applications, banking software, and large corporate teams where strict code consistency is required.

TL;DR: The Decision Matrix

  • •Choose Next.js (React) if you want the most jobs, the biggest ecosystem, or are building a complex SaaS.
  • •Choose SvelteKit if you want the best performance, the cleanest code, and a modern developer experience.
  • •Choose Nuxt (Vue) if you want a great middle-ground between React's power and Svelte's ease-of-use.
  • •Choose Astro if you are building a blog, portfolio, or marketing site.
  • •(Note: If you just want a raw Single Page Application without a backend, don't use "Create React App". Use Vite with React, Vue, or Svelte).
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before baseline

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

After this run

2026-09-21 permalink

Scored
answered
Received
2026-09-21 09:25:38 UTC
Run
20260921T090021Z-989a7c
Served by
Google · HTTP 200 · finish stop
Size
4,116 characters · 2,062 tokens out incl. hidden reasoning · 17.5 s
Extracted picks, in order · confidence high
  1. React
  2. Vue.js
  3. Svelte
  4. Astro
  5. Angular

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

The short answer is: **Start with a "meta-framework" like Next.js (React), Nuxt (Vue), or SvelteKit (Svelte).**
The modern JavaScript ecosystem has moved away from basic Single Page Applications (SPAs) toward frameworks that handle routing, Server-Side Rendering (SSR), and API integrations out of the box.
To give you the best recommendation, here is a breakdown of what you should choose based on your project's goals.
---
### 1. The Safe, Industry Standard: React (via Next.js)
If you aren't sure what to pick, pick this. Next.js is the dominant framework in the industry today, heavily backed by Vercel.
* **Why choose it:** It has the largest ecosystem, the most third-party libraries (UI components, auth, databases), and it will be the easiest framework to hire for or get a job using. It supports React Server Components (RSCs), which is the cutting-edge way to build web apps.
* **Best for:** SaaS products, large-scale applications, e-commerce, and projects where you need a massive ecosystem of pre-built tools.
* **Alternative:** **Remix**. Also based on React, but with a different philosophy focused on web standards and data loading.
### 2. The Best Developer Experience: Vue.js (via Nuxt.js)
Vue is famous for taking the best parts of React and Angular and combining them into something much easier to use. Nuxt 3 is its modern meta-framework.
* **Why choose it:** It has a gentler learning curve than React, the documentation is incredible, and the "Composition API" makes writing clean, maintainable code very easy. It feels less "hacky" than React can sometimes feel.
* **Best for:** Small to medium teams, rapid prototyping, and developers who want a balance of structure and flexibility without the boilerplate of React.
### 3. The Performance & Modern Darling: Svelte (via SvelteKit)
Svelte consistently ranks as the "most loved" framework by developers. Unlike React or Vue, Svelte is a compiler—it translates your code into tiny, highly optimized vanilla JavaScript rather than using a heavy "Virtual DOM."
* **Why choose it:** You write significantly less code to achieve the same results. It is blindingly fast, lightweight, and features built-in state management that is incredibly intuitive.
* **Best for:** Highly interactive dashboards, data visualization, performance-critical apps, and developers tired of React's complexity.
### 4. For Content-Heavy Websites: Astro
If you are building a website rather than a complex web *application*, Astro is currently the best tool on the market.
* **Why choose it:** Astro ships **zero JavaScript** to the browser by default. However, if you need an interactive component (like a React image carousel or a Svelte search bar), you can drop it in using their "Islands Architecture." You can actually use React, Vue, and Svelte components *inside* Astro.
* **Best for:** Blogs, marketing websites, portfolios, documentation sites, and content-driven e-commerce storefronts.
### 5. The Enterprise Heavyweight: Angular
Backed by Google, Angular is a "batteries-included" framework. Recently, Angular has undergone a massive renaissance (introducing "Signals" and standalone components), making it modern and fast again.
* **Why choose it:** It includes everything you need out of the box (routing, HTTP client, form validation) and enforces a strict, object-oriented, TypeScript-first architecture.
* **Best for:** Massive enterprise applications, banking software, and large corporate teams where strict code consistency is required.
---
### TL;DR: The Decision Matrix
* Choose **Next.js (React)** if you want the most jobs, the biggest ecosystem, or are building a complex SaaS.
* Choose **SvelteKit** if you want the best performance, the cleanest code, and a modern developer experience.
* Choose **Nuxt (Vue)** if you want a great middle-ground between React's power and Svelte's ease-of-use.
* Choose **Astro** if you are building a blog, portfolio, or marketing site.
* *(Note: If you just want a raw Single Page Application without a backend, don't use "Create React App". Use **Vite** with React, Vue, or Svelte).*

End of response · 43 lines · 4,116 characters · sha256 a69ec55dd6f1b4e14ddf026f38f51f3e4c2cd2bdcba26c0c5aec65ec3c2e110c

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-21 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
3 added, 3 dropped
Baseline
7 prior days with data; 1 matched the baseline value (2026-09-20)
Responses
before 2026-09-20 09:23:59 UTC, run 20260920T090019Z-bbedf3; after 2026-09-21 09:25:38 UTC, run 20260921T090021Z-989a7c
Detected
2026-09-21 · run 20260921T090021Z-989a7c, started 2026-09-21 09:00:21 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-21/P26/google/gemini-3.1-pro-preview/pick_change/picks/
Event ID
2026-09-21: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.