MODELDRIFT.WATCH

Sep 14 · Day 5

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

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

Because you are starting a project today, the JavaScript landscape has shifted away from traditional Single Page Applications (SPAs) like Create React App and moved toward Meta-frameworks (frameworks built on top of React, Vue, etc. that handle routing and server-side rendering).

Since I don't know the exact nature of your project, here is the TL;DR breakdown of what you should choose based on your goals:

1. The "I want to get a job / Build a Startup" choice: Next.js (React)

Next.js is the undisputed industry standard right now. If you are building a complex SaaS, a startup, or want to make yourself as employable as possible, this is the answer.

  • •The Good: Massive ecosystem, you can find a library for literally anything, huge community support, and it handles both frontend and backend in one repository.
  • •The Bad: The introduction of the App Router and React Server Components (RSC) has made the learning curve steeper. It can feel overly complex for simple projects.
  • •Alternative: If you want to use React but Next.js feels too bloated, use Vite + React.

2. The "I want the best Developer Experience (DX)" choice: SvelteKit (Svelte)

Svelte consistently ranks as the most loved framework by developers. Instead of using a Virtual DOM like React, Svelte compiles your code into tiny, vanilla JavaScript.

  • •The Good: Incredibly fast, writes like traditional HTML/CSS/JS (very little boilerplate), state management is effortless, and it's incredibly fun to use.
  • •The Bad: Smaller ecosystem than React. You might have to build some components from scratch that you could otherwise just download in the React ecosystem. Job market is smaller.

3. The "Content / Blog / Marketing Site" choice: Astro

If you are building a portfolio, a blog, a documentation site, or a marketing landing page, you should use Astro.

  • •The Good: It ships zero JavaScript to the browser by default, making it blazingly fast for SEO. It uses "Islands Architecture," meaning you can write your UI in React, Vue, or Svelte, and Astro will only load JS for the specific interactive parts you tell it to.
  • •The Bad: Not designed for highly complex, logged-in dashboard applications (though they are working on closing this gap).

4. The "Sweet Spot" choice: Nuxt (Vue.js)

Vue has always sat perfectly between the rigid structure of Angular and the chaotic freedom of React. Nuxt is the meta-framework for Vue.

  • •The Good: Extremely intuitive, excellent documentation, and very clean code. The latest version of Nuxt is incredibly powerful and fast. It is heavily used in Europe and Asia.
  • •The Bad: The US job market heavily favors React over Vue.

5. The "Massive Enterprise" choice: Angular

Angular is backed by Google and provides a "batteries-included" experience. It dictates exactly how your code should be structured, making it great for massive teams.

  • •The Good: Angular recently underwent a massive modern renaissance (v17+). With the introduction of "Signals" and standalone components, it is faster and easier to write than it has been in years.
  • •The Bad: Very steep learning curve. It uses TypeScript heavily and relies on complex concepts like RxJS. Overkill for small projects.

📝 Your Decision Matrix:

  • 1.Are you building a blog, portfolio, or landing page? $\rightarrow$ Astro
  • 2.Are you optimizing for getting hired? $\rightarrow$ Next.js
  • 3.Are you building a complex SaaS and want to move fast with minimal headaches? $\rightarrow$ SvelteKit or Nuxt
  • 4.Are you building a massive corporate app with 20+ developers? $\rightarrow$ Angular or Next.js

My personal recommendation for a solo developer today:
If it's an interactive web app, choose SvelteKit. If it's a content site, choose Astro. If you need an expansive ecosystem of pre-built UI components, choose Next.js.

SEP 14afterPermalink

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

There is no single "best" JavaScript framework, but there is a best framework for your specific project. The JavaScript ecosystem has shifted recently: we no longer just choose a UI library (like React or Vue), but rather a meta-framework (like Next.js or Nuxt) that handles routing, server-side rendering, and backend API integration.

Here is a breakdown of what you should choose today based on your goals:

1. The "Safe & Standard" Bet: React (via Next.js or Remix)

Choose this if: You want the biggest ecosystem, the easiest time hiring developers, or want to maximize your own job prospects.

You shouldn't start a bare React project today. You should use a meta-framework.

  • •Next.js: The industry standard. Backed by Vercel, it offers Server Components, great SEO, and a massive community. It can be complex, but it can build literally anything.
  • •Remix: Backed by Shopify. It uses web fundamentals (standard Request/Response objects) and is often praised for having a better developer experience and simpler mental model than Next.js.

2. The "Developer Happiness & Speed" Choice: Svelte (via SvelteKit)

Choose this if: You are a solo developer, a startup needing to move incredibly fast, or you are tired of React's complexity.

Svelte shifts the work from the browser to the compiler. Instead of using a Virtual DOM, it compiles your code into tiny, vanilla JavaScript.

  • •Pros: Writing Svelte feels like writing standard HTML/CSS/JS. It requires drastically less code than React. SvelteKit is widely considered one of the best full-stack frameworks available right now.
  • •Cons: The job market is smaller, and the ecosystem of third-party packages isn't as vast as React's.

3. The "Content & SEO Monster": Astro

Choose this if: You are building a blog, a marketing website, an e-commerce storefront, or documentation.

Astro is designed for content-driven websites. It ships zero JavaScript to the browser by default.

  • •The Magic: It uses "Island Architecture." If you need a highly interactive component (like an image carousel), you can write just that one component in React, Vue, or Svelte, and Astro will hydrate only that specific "island" of interactivity.
  • •Cons: Not ideal for highly complex, data-heavy web applications (like a Spotify or Figma clone).

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

Choose this if: You want the approachable syntax of Svelte but an ecosystem closer to the size of React.

Vue remains incredibly popular, especially outside the US. Nuxt 3 (the meta-framework for Vue) is mature, incredibly fast, and has one of the best developer experiences on the market.

  • •Pros: Very easy learning curve, excellent official documentation, and it strikes a perfect balance between structure and flexibility.

5. The "Enterprise Giant": Angular

Choose this if: You are building a massive application with a large team of developers who need a strict, opinionated structure.

Angular (backed by Google) has had a massive renaissance recently (v17 and v18). They have introduced "Signals" for state management, dropped the need for complex modules, and drastically improved performance.

  • •Pros: Everything you need (routing, HTTP client, form validation) is built-in. It enforces strict architectural patterns.
  • •Cons: The steepest learning curve of all the frameworks.

Summary: Which one should you pick right now?

  • •If you want to get a job: Learn React + Next.js.
  • •If you are building a blog or marketing site: Use Astro.
  • •If you are building a SaaS startup and want to move fast: Use SvelteKit or Nuxt.
  • •If you are building an internal dashboard and don't care about SEO: Use React or Vue with Vite (Single Page Application).
  • •Honorable Mention: If you are a backend developer (Python/Go/Ruby) who hates writing JavaScript, look into HTMX. It allows you to build modern, reactive UIs using only HTML attributes.
Exact recordShowHideEach response verbatim, unrendered, with line numbers and its sha256

Before baseline

2026-09-13 permalink

Scored
answered
Received
2026-09-13 09:15:14 UTC
Run
20260913T090021Z-a7390a
Served by
Google · HTTP 200 · finish stop
Size
3,977 characters · 2,227 tokens out incl. hidden reasoning · 19.4 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 you are starting a project **today**, the JavaScript landscape has shifted away from traditional Single Page Applications (SPAs) like *Create React App* and moved toward **Meta-frameworks** (frameworks built *on top* of React, Vue, etc. that handle routing and server-side rendering).
Since I don't know the exact nature of your project, here is the TL;DR breakdown of what you should choose based on your goals:
### 1. The "I want to get a job / Build a Startup" choice: **Next.js (React)**
Next.js is the undisputed industry standard right now. If you are building a complex SaaS, a startup, or want to make yourself as employable as possible, this is the answer.
* **The Good:** Massive ecosystem, you can find a library for literally anything, huge community support, and it handles both frontend and backend in one repository.
* **The Bad:** The introduction of the App Router and React Server Components (RSC) has made the learning curve steeper. It can feel overly complex for simple projects.
* **Alternative:** If you want to use React but Next.js feels too bloated, use **Vite + React**.
### 2. The "I want the best Developer Experience (DX)" choice: **SvelteKit (Svelte)**
Svelte consistently ranks as the most loved framework by developers. Instead of using a Virtual DOM like React, Svelte compiles your code into tiny, vanilla JavaScript.
* **The Good:** Incredibly fast, writes like traditional HTML/CSS/JS (very little boilerplate), state management is effortless, and it's incredibly fun to use.
* **The Bad:** Smaller ecosystem than React. You might have to build some components from scratch that you could otherwise just download in the React ecosystem. Job market is smaller.
### 3. The "Content / Blog / Marketing Site" choice: **Astro**
If you are building a portfolio, a blog, a documentation site, or a marketing landing page, you should use Astro.
* **The Good:** It ships **zero JavaScript** to the browser by default, making it blazingly fast for SEO. It uses "Islands Architecture," meaning you can write your UI in React, Vue, or Svelte, and Astro will only load JS for the specific interactive parts you tell it to.
* **The Bad:** Not designed for highly complex, logged-in dashboard applications (though they are working on closing this gap).
### 4. The "Sweet Spot" choice: **Nuxt (Vue.js)**
Vue has always sat perfectly between the rigid structure of Angular and the chaotic freedom of React. Nuxt is the meta-framework for Vue.
* **The Good:** Extremely intuitive, excellent documentation, and very clean code. The latest version of Nuxt is incredibly powerful and fast. It is heavily used in Europe and Asia.
* **The Bad:** The US job market heavily favors React over Vue.
### 5. The "Massive Enterprise" choice: **Angular**
Angular is backed by Google and provides a "batteries-included" experience. It dictates exactly how your code should be structured, making it great for massive teams.
* **The Good:** Angular recently underwent a massive modern renaissance (v17+). With the introduction of "Signals" and standalone components, it is faster and easier to write than it has been in years.
* **The Bad:** Very steep learning curve. It uses TypeScript heavily and relies on complex concepts like RxJS. Overkill for small projects.
---
### 📝 Your Decision Matrix:
1. **Are you building a blog, portfolio, or landing page?** $\rightarrow$ **Astro**
2. **Are you optimizing for getting hired?** $\rightarrow$ **Next.js**
3. **Are you building a complex SaaS and want to move fast with minimal headaches?** $\rightarrow$ **SvelteKit** or **Nuxt**
4. **Are you building a massive corporate app with 20+ developers?** $\rightarrow$ **Angular** or **Next.js**
**My personal recommendation for a solo developer today:**
If it's an interactive web app, choose **SvelteKit**. If it's a content site, choose **Astro**. If you need an expansive ecosystem of pre-built UI components, choose **Next.js**.

End of response · 41 lines · 3,977 characters · sha256 658c1a561024b4e1cf5f0dc17bd6ff776d6adc38011ec153b921c8aed4437876

After this run

2026-09-14 permalink

Scored
answered
Received
2026-09-14 09:27:49 UTC
Run
20260914T090022Z-e98262
Served by
Google · HTTP 200 · finish stop
Size
4,021 characters · 2,108 tokens out incl. hidden reasoning · 21.4 s
Extracted picks, in order · confidence high
  1. React
  2. Svelte
  3. Astro
  4. Vue.js
  5. Angular

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

There is no single "best" JavaScript framework, but there is a best framework **for your specific project**. The JavaScript ecosystem has shifted recently: we no longer just choose a UI library (like React or Vue), but rather a **meta-framework** (like Next.js or Nuxt) that handles routing, server-side rendering, and backend API integration.
Here is a breakdown of what you should choose today based on your goals:
---
### 1. The "Safe & Standard" Bet: React (via Next.js or Remix)
*Choose this if: You want the biggest ecosystem, the easiest time hiring developers, or want to maximize your own job prospects.*
You shouldn't start a bare React project today. You should use a meta-framework.
* **Next.js:** The industry standard. Backed by Vercel, it offers Server Components, great SEO, and a massive community. It can be complex, but it can build literally anything.
* **Remix:** Backed by Shopify. It uses web fundamentals (standard Request/Response objects) and is often praised for having a better developer experience and simpler mental model than Next.js.
### 2. The "Developer Happiness & Speed" Choice: Svelte (via SvelteKit)
*Choose this if: You are a solo developer, a startup needing to move incredibly fast, or you are tired of React's complexity.*
Svelte shifts the work from the browser to the compiler. Instead of using a Virtual DOM, it compiles your code into tiny, vanilla JavaScript.
* **Pros:** Writing Svelte feels like writing standard HTML/CSS/JS. It requires drastically less code than React. SvelteKit is widely considered one of the best full-stack frameworks available right now.
* **Cons:** The job market is smaller, and the ecosystem of third-party packages isn't as vast as React's.
### 3. The "Content & SEO Monster": Astro
*Choose this if: You are building a blog, a marketing website, an e-commerce storefront, or documentation.*
Astro is designed for content-driven websites. It ships **zero JavaScript** to the browser by default.
* **The Magic:** It uses "Island Architecture." If you need a highly interactive component (like an image carousel), you can write just that one component in React, Vue, or Svelte, and Astro will hydrate only that specific "island" of interactivity.
* **Cons:** Not ideal for highly complex, data-heavy web applications (like a Spotify or Figma clone).
### 4. The "Balanced" Choice: Vue.js (via Nuxt 3)
*Choose this if: You want the approachable syntax of Svelte but an ecosystem closer to the size of React.*
Vue remains incredibly popular, especially outside the US. Nuxt 3 (the meta-framework for Vue) is mature, incredibly fast, and has one of the best developer experiences on the market.
* **Pros:** Very easy learning curve, excellent official documentation, and it strikes a perfect balance between structure and flexibility.
### 5. The "Enterprise Giant": Angular
*Choose this if: You are building a massive application with a large team of developers who need a strict, opinionated structure.*
Angular (backed by Google) has had a massive renaissance recently (v17 and v18). They have introduced "Signals" for state management, dropped the need for complex modules, and drastically improved performance.
* **Pros:** Everything you need (routing, HTTP client, form validation) is built-in. It enforces strict architectural patterns.
* **Cons:** The steepest learning curve of all the frameworks.
---
### Summary: Which one should you pick right now?
* If you want to **get a job**: Learn **React + Next.js**.
* If you are building a **blog or marketing site**: Use **Astro**.
* If you are building a **SaaS startup** and want to move fast: Use **SvelteKit** or **Nuxt**.
* If you are building an **internal dashboard** and don't care about SEO: Use **React or Vue with Vite** (Single Page Application).
* *Honorable Mention:* If you are a backend developer (Python/Go/Ruby) who hates writing JavaScript, look into **HTMX**. It allows you to build modern, reactive UIs using only HTML attributes.

End of response · 49 lines · 4,021 characters · sha256 546261057b8ae599aa3fe0127dd630824bbe1b1df1b8f84c9c00904d0d76a2ab

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-14 09:00:21 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
4 prior days with data; 2 matched the baseline value (2026-09-11, 2026-09-13)
Responses
before 2026-09-13 09:15:14 UTC, run 20260913T090021Z-a7390a; after 2026-09-14 09:27:49 UTC, run 20260914T090022Z-e98262
Detected
2026-09-14 · run 20260914T090022Z-e98262, started 2026-09-14 09:00:22 UTC · scorer v1 · severity rules r2
Permalink
https://modeldrift.watch/e/2026-09-14/P26/google/gemini-3.1-pro-preview/pick_change/picks.top/
Event ID
2026-09-14: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.