MODELDRIFT.WATCH

Sep 27 · Day 18

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

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).

SEP 27afterPermalink

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

The "best" JavaScript framework to start a project with today depends heavily on what you are building, your team's experience, and your end goals.

However, in the current landscape (2024), the industry has shifted away from pure frontend frameworks toward meta-frameworks (frameworks that handle both frontend and backend routing/rendering).

Here is the TL;DR recommendation, followed by a breakdown to help you choose.

The TL;DR Recommendations:

  • •The Safe, Industry-Standard Bet: [Next.js](https://nextjs.org/) (React)
  • •The Best Developer Experience (DX): [SvelteKit](https://kit.svelte.dev/) (Svelte) or [Nuxt](https://nuxt.com/) (Vue)
  • •For Content-Heavy Sites (Blogs, Marketing): [Astro](https://astro.build/)
  • •For Strict Enterprise Environments: [Angular](https://angular.io/)
  • •For a Simple Frontend-Only App: React, Vue, or Svelte via [Vite](https://vitejs.dev/) (Do not use Create React App).

Detailed Breakdown

1. Next.js (React) - The Heavyweight Champion

If you want to use React, you should probably be using Next.js. Backed by Vercel, it is the current industry standard for building full-stack React applications.

  • •Pros: Massive ecosystem, incredible job market, cutting-edge features (React Server Components), handles SEO effortlessly, great for both static and dynamic rendering.
  • •Cons: The recent shift to the "App Router" has caused some fragmentation and a steep learning curve. It can feel overly complex for simple projects.
  • •Use it if: You want the largest talent pool, need strong SEO, or are building a complex SaaS application.

2. SvelteKit (Svelte) - The Developer Darling

Svelte takes a different approach: it compiles your code into tiny, vanilla JavaScript at build time rather than using a Virtual DOM in the browser. SvelteKit is the full-stack framework built around it.

  • •Pros: Exceptional performance, incredibly little boilerplate code (it feels like writing pure HTML/JS), highly intuitive reactivity, universally loved by developers who try it.
  • •Cons: Smaller ecosystem and job market compared to React. You might occasionally have to build your own components if a third-party library doesn’t exist.
  • •Use it if: You want to build quickly, care deeply about performance and bundle size, and want the most enjoyable coding experience.

3. Nuxt 3 (Vue.js) - The Perfect Middle Ground

Vue has always sat comfortably between React and Angular—easier to learn than React, less rigid than Angular. Nuxt 3 is the modern, full-stack version of Vue.

  • •Pros: Excellent documentation, very approachable, great reactivity model, feels more organized than React without being overly restrictive.
  • •Cons: The Vue 2 to Vue 3 transition fractured the community slightly, though this is largely resolved now.
  • •Use it if: You find React's syntax (JSX and hooks) confusing, or you want a framework that is highly organized out of the box.

4. Astro - The Content King

Astro is unique. It is designed for building content-focused websites. It ships zero JavaScript to the browser by default, resulting in blazing-fast load times.

  • •Pros: Incredible performance, perfect SEO. Bonus: It is framework-agnostic. You can write UI components in React, Vue, Svelte, and Solid, and mix them together in the same Astro project.
  • •Cons: Not designed for highly interactive, dashboard-style Single Page Applications (SPAs).
  • •Use it if: You are building a blog, portfolio, documentation site, marketing page, or e-commerce storefront.

5. Angular (v17+) - The Enterprise Giant

Angular has recently undergone a massive renaissance. With version 17 and beyond, they have introduced "Signals" for reactivity, a new control flow, and vastly improved rendering speeds.

  • •Pros: Everything is included (routing, state management, form validation, HTTP client). Highly opinionated, meaning all Angular projects look the same, making it easy for developers to switch teams.
  • •Cons: Steepest learning curve. Heavy reliance on TypeScript and Object-Oriented concepts.
  • •Use it if: You are building massive enterprise software with large teams where strict consistency is required.

How to decide right now:

  • 1."I want to get a job as fast as possible."
    Learn React and Next.js. It dominates the job market.
  • 2."I want to build a SaaS startup quickly as a solo developer."
    Use SvelteKit or Nuxt. They will get out of your way and let you build faster than React. Alternatively, use Remix if you strictly want to stay in React but dislike Next.js.
  • 3."I'm building a portfolio, blog, or marketing site."
    Use Astro. Nothing beats it for content right now.
  • 4."I am building a backend in Python/Go/Node and just need a simple frontend."
    Use Vite and select React, Vue, or Svelte. This gives you a classic Single Page Application (SPA) without the complexity of server-side rendering.

Crucial modern advice: Regardless of which you choose, strongly consider using TypeScript. It is effectively the default standard for modern JavaScript development and will save you countless debugging hours.

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

Before baseline

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

After this run

2026-09-27 permalink

Scored
answered
Received
2026-09-27 09:22:52 UTC
Run
20260927T090007Z-7adb14
Served by
Google · HTTP 200 · finish stop
Size
5,271 characters · 2,385 tokens out incl. hidden reasoning · 21.0 s
Extracted picks, in order · confidence high
  1. Next.js
  2. SvelteKit
  3. Nuxt 3
  4. Astro
  5. Angular

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

The "best" JavaScript framework to start a project with today depends heavily on what you are building, your team's experience, and your end goals.
However, in the current landscape (2024), the industry has shifted away from pure frontend frameworks toward **meta-frameworks** (frameworks that handle both frontend and backend routing/rendering).
Here is the TL;DR recommendation, followed by a breakdown to help you choose.
### The TL;DR Recommendations:
* **The Safe, Industry-Standard Bet:** [Next.js](https://nextjs.org/) (React)
* **The Best Developer Experience (DX):** [SvelteKit](https://kit.svelte.dev/) (Svelte) or [Nuxt](https://nuxt.com/) (Vue)
* **For Content-Heavy Sites (Blogs, Marketing):** [Astro](https://astro.build/)
* **For Strict Enterprise Environments:** [Angular](https://angular.io/)
* **For a Simple Frontend-Only App:** React, Vue, or Svelte via **[Vite](https://vitejs.dev/)** (Do *not* use Create React App).
---
### Detailed Breakdown
#### 1. Next.js (React) - *The Heavyweight Champion*
If you want to use React, you should probably be using Next.js. Backed by Vercel, it is the current industry standard for building full-stack React applications.
* **Pros:** Massive ecosystem, incredible job market, cutting-edge features (React Server Components), handles SEO effortlessly, great for both static and dynamic rendering.
* **Cons:** The recent shift to the "App Router" has caused some fragmentation and a steep learning curve. It can feel overly complex for simple projects.
* **Use it if:** You want the largest talent pool, need strong SEO, or are building a complex SaaS application.
#### 2. SvelteKit (Svelte) - *The Developer Darling*
Svelte takes a different approach: it compiles your code into tiny, vanilla JavaScript at build time rather than using a Virtual DOM in the browser. SvelteKit is the full-stack framework built around it.
* **Pros:** Exceptional performance, incredibly little boilerplate code (it feels like writing pure HTML/JS), highly intuitive reactivity, universally loved by developers who try it.
* **Cons:** Smaller ecosystem and job market compared to React. You might occasionally have to build your own components if a third-party library doesn’t exist.
* **Use it if:** You want to build quickly, care deeply about performance and bundle size, and want the most enjoyable coding experience.
#### 3. Nuxt 3 (Vue.js) - *The Perfect Middle Ground*
Vue has always sat comfortably between React and Angular—easier to learn than React, less rigid than Angular. Nuxt 3 is the modern, full-stack version of Vue.
* **Pros:** Excellent documentation, very approachable, great reactivity model, feels more organized than React without being overly restrictive.
* **Cons:** The Vue 2 to Vue 3 transition fractured the community slightly, though this is largely resolved now.
* **Use it if:** You find React's syntax (JSX and hooks) confusing, or you want a framework that is highly organized out of the box.
#### 4. Astro - *The Content King*
Astro is unique. It is designed for building content-focused websites. It ships **zero JavaScript to the browser by default**, resulting in blazing-fast load times.
* **Pros:** Incredible performance, perfect SEO. *Bonus:* It is framework-agnostic. You can write UI components in React, Vue, Svelte, and Solid, and mix them together in the same Astro project.
* **Cons:** Not designed for highly interactive, dashboard-style Single Page Applications (SPAs).
* **Use it if:** You are building a blog, portfolio, documentation site, marketing page, or e-commerce storefront.
#### 5. Angular (v17+) - *The Enterprise Giant*
Angular has recently undergone a massive renaissance. With version 17 and beyond, they have introduced "Signals" for reactivity, a new control flow, and vastly improved rendering speeds.
* **Pros:** Everything is included (routing, state management, form validation, HTTP client). Highly opinionated, meaning all Angular projects look the same, making it easy for developers to switch teams.
* **Cons:** Steepest learning curve. Heavy reliance on TypeScript and Object-Oriented concepts.
* **Use it if:** You are building massive enterprise software with large teams where strict consistency is required.
---
### How to decide right now:
1. **"I want to get a job as fast as possible."**
Learn **React** and **Next.js**. It dominates the job market.
2. **"I want to build a SaaS startup quickly as a solo developer."**
Use **SvelteKit** or **Nuxt**. They will get out of your way and let you build faster than React. Alternatively, use **Remix** if you strictly want to stay in React but dislike Next.js.
3. **"I'm building a portfolio, blog, or marketing site."**
Use **Astro**. Nothing beats it for content right now.
4. **"I am building a backend in Python/Go/Node and just need a simple frontend."**
Use **Vite** and select React, Vue, or Svelte. This gives you a classic Single Page Application (SPA) without the complexity of server-side rendering.
**Crucial modern advice:** Regardless of which you choose, strongly consider using **TypeScript**. It is effectively the default standard for modern JavaScript development and will save you countless debugging hours.

End of response · 61 lines · 5,271 characters · sha256 b1c33de3b89a193fb8322dfc28632f5c9cbcd9fdd2ec8fc95a100ffb7ff2fae4

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