Перейти до вмісту

State of JavaScript 2024

Метафреймворки

Фреймворки, що орієнтовані на рендеринг та обслуговування (serving) вашого застосунку

Співвідношення метафреймворків з часом

Next.js continues to loom high above the competition in terms of raw usage. Yet looking at retention tells a different story – if not for Gatsby, Next.js would be dead last.

This speaks to the success of Astro and SvelteKit in particular, who so far have managed to keep their users very happy.

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%

Інші метафреймворки

0%
9%
19%
28%
38%
47%
1

108
2

27
3

27
4

23
5

17
6

17
7

16
8

10
9

9
10

9
11

Інші відповіді

190
0%
9%
19%
28%
38%
47%
% від тих, хто відповів на питання
404
3%

У контексті роботи

Gatsby may be one of the least loved tools, but it's also the most lucrative – which is most likely due to it being used primarily in large companies.

On the other side of the spectrum, Astro is still at the beginning of its journey towards enterprise adoption, which in turns correlates with lower income.

0%
9%
18%
27%
36%
45%
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%
9%
18%
27%
36%
45%
% від тих, хто відповів на питання
11,261
82%
Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Ми покликали спільноту 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
Середнє
12,044
86%
2.4
2
Наскільки ви задоволені поточним станом метафреймворків? За шкалою від 0 (дуже незадоволений(-а)) до 4 (дуже задоволений(-а)).

Проблеми метафреймворків

Just like React in its own category, Next.js as the leader also takes the brunt of the criticism.

0%
17%
33%
50%
67%
84%
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%
17%
33%
50%
67%
84%
% від тих, хто відповів на питання
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.
Дякуємо нашим партнерам за підтримку! Детальніше.