跳到内容

State of JavaScript 2024

元框架

帮助渲染和托管应用程序的框架

元框架随时间变化的比率

就原始使用率而言，Next.js 仍遥遥领先于竞争对手。然而，如果不看 Gatsby，Next.js 的留存率将会是倒数第一。

这说明 Astro 和 SvelteKit 取得了成功，尤其是到目前为止，它们已经成功地让用户感到非常满意。

Next.js
Nuxt
Gatsby
Remix
Astro
SvelteKit
Docusaurus
SolidStart
Deno Fresh

模式:

视图:

0%
20%
40%
60%
80%
100%
2018
2019
2020
2021
2022
2023
2024
0%
20%
40%
60%
80%
100%

Other Meta-Frameworks

0%
20%
40%
60%
80%
100%
1

108
2

27
3

27
4

23
5

17
6

17
7

16
8

10
9

9
10

9
11

其他答案

190
0%
20%
40%
60%
80%
100%
受访者百分比
404
3%

Used at Work

Gatsby 可能是最不受欢迎的工具之一，但却是最赚钱的工具 —— 这很可能是因为它主要被用于大公司。

另一方面，Astro 仍处于企业应用的起步阶段，而企业应用又与较低的收入相关。

0%
20%
40%
60%
80%
100%
1

5,035
2

1,835
3

1,442
4

991
5

707
6

602
7

583
8

112
9

111
10

81
11

无

3,699
0%
20%
40%
60%
80%
100%
受访者百分比
11,261
82%
Which of these tools do you use in a professional context?
我们询问了 JavaScript 社区的成员，分享他们的“年度选择”

我的 2024 选择: The Breedling

Web technology isn't just for websites. The Breedling is an in-browser visualisation tool to accompany live music gigs by the band of the same name, mixing video and RIVE animations with WebGL shaders, utilising an old BBC experimental library VideoContext.
我们询问了 JavaScript 社区的成员，分享他们的“年度选择”

Salma Alam-Naylor

Live streamer, software engineer, and developer educator

Number of Items

How many items in this category respondends have used (or heard of).

视图:

0%
6%
12%
18%
24%
31%
1

0

4,279
2

1

3,848
3

2

2,886
4

3

1,632
5

4

801
6

5

344
7

6

143
8

7

55
9

8

17
10

9

10
0%
6%
12%
18%
24%
31%
调查对象百分比
1.5

元框架满意度

0
1
2
3
4
2022
2023
2024
0
1
2
3
4
平均 {axis}
12,044
86%
2.4
2
您对元框架的现状满意吗？

元框架的痛点

就像 React 本身的类别一样，Next.js 作为领导者也首当其冲地受到了批评。

0%
20%
40%
60%
80%
100%
1

Next.js issues

2

Excessive complexity

3

Breaking changes

4

SSR

5

Performance

6

Lack of documentation

7

Deployment

8

Speed of change

9

Frontend and backend integration

10

Vercel

0%
20%
40%
60%
80%
100%
受访者百分比
1,976
14%
在使用元框架时，您遇到过哪些痛点？
(自由提问)

资源推荐

Introduction to Next.js 13+, v3
Scott Moss
Superfilter AI

Introduction to Next.js 13+, v3

In this course, you'll learn server-side rendering, static site generation, data fetching, building API endpoints, creating pages, and new features in Next 13+, like using the app router, server and client components, and server actions!
Build an AI-Powered Fullstack Next.js App, v3
Scott Moss
Superfilter AI

Build an AI-Powered Fullstack Next.js App, v3

Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together: client components, server components, static and dynamic routing, server actions, middleware, and layouts.
感谢合作伙伴对我们的支持! 了解更多。