跳到内容
返回博客

2024 年 10 月 21 日,星期一

Next.js 15

发布者

Next.js 15 正式稳定版发布,可用于生产环境。此版本基于 RC1RC2 的更新构建而成。我们在注重稳定性的同时,还添加了一些令人兴奋的更新,相信您会喜欢。立即试用 Next.js 15

终端
# Use the new automated upgrade CLI
npx @next/codemod@canary upgrade latest
 
# ...or upgrade manually
npm install next@latest react@rc react-dom@rc

我们也很高兴在本周四(10 月 24 日)的 Next.js Conf 上分享更多关于未来发展的信息。

以下是 Next.js 15 的新功能

使用 @next/codemod CLI 实现平滑升级

我们在每个主要的 Next.js 版本中都包含 codemod(自动化代码转换),以帮助自动化升级重大变更。

为了使升级更加顺畅,我们发布了增强的 codemod CLI

终端
npx @next/codemod@canary upgrade latest

此工具可帮助您将代码库升级到最新的稳定版或预发布版本。CLI 将更新您的依赖项,显示可用的 codemod,并指导您完成应用它们的过程。

canary 标签使用最新的 codemod 版本,而 latest 指定 Next.js 版本。我们建议使用 canary 版本的 codemod,即使您要升级到最新的 Next.js 版本,因为我们计划根据您的反馈继续改进该工具。

了解有关 Next.js codemod CLI 的更多信息。

异步请求 API(重大变更)

在传统的服务器端渲染中,服务器在渲染任何内容之前都会等待请求。但是,并非所有组件都依赖于特定于请求的数据,因此没有必要等待请求来渲染它们。理想情况下,服务器会在请求到达之前尽可能多地准备。为了实现这一点,并为未来的优化奠定基础,我们需要知道何时等待请求。

因此,我们正在将依赖于特定于请求的数据的 API(例如 headerscookiesparamssearchParams)转换为异步

import { cookies } from 'next/headers';
 
export async function AdminPanel() {
  const cookieStore = await cookies();
  const token = cookieStore.get('token');
 
  // ...
}

这是一个重大变更,影响以下 API

  • cookies
  • headers
  • draftMode
  • layout.jspage.jsroute.jsdefault.jsgenerateMetadatagenerateViewport 中的 params
  • page.js 中的 searchParams

为了更轻松地迁移,可以暂时同步访问这些 API,但在下一个主要版本之前,将在开发和生产环境中显示警告。一个 codemod 可用于自动化迁移

终端
npx @next/codemod@canary next-async-request-api .

对于 codemod 无法完全迁移您的代码的情况,请阅读升级指南。我们还提供了一个 示例,说明如何将 Next.js 应用程序迁移到新的 API。

缓存语义

Next.js App Router 发布时带有固有的缓存默认值。这些默认值旨在提供默认情况下性能最佳的选项,并在需要时能够选择退出。

根据您的反馈,我们重新评估了我们的 缓存启发式 以及它们如何与部分预渲染 (PPR) 等项目以及使用 fetch 的第三方库交互。

在 Next.js 15 中,我们将 GET 路由处理器和客户端路由器缓存的缓存默认设置从默认缓存更改为默认不缓存。如果您想保留以前的行为,可以继续选择加入缓存。

我们将在未来几个月内继续改进 Next.js 中的缓存,并将很快分享更多详细信息。

GET 路由处理器不再默认缓存

在 Next 14 中,使用 GET HTTP 方法的路由处理器默认情况下会被缓存,除非它们使用了动态函数或动态配置选项。在 Next.js 15 中,GET 函数不再默认缓存

您仍然可以使用静态路由配置选项(例如 export dynamic = 'force-static')来选择加入缓存。

特殊的路由处理器,如 sitemap.tsopengraph-image.tsxicon.tsx 以及其他 元数据文件,除非它们使用动态函数或动态配置选项,否则默认情况下仍为静态。

客户端路由器缓存不再默认缓存 Page 组件

在 Next.js 14.2.0 中,我们引入了一个实验性的 staleTimes 标志,以允许自定义配置 路由器缓存

在 Next.js 15 中,此标志仍然可用,但我们将默认行为更改为 Page 片段的 staleTime0。这意味着当您在应用程序中导航时,客户端将始终反映 Page 组件的最新数据,这些组件会在导航过程中变为活动状态。但是,仍有一些重要的行为保持不变

  • 共享布局数据不会从服务器重新获取,以继续支持部分渲染
  • 后退/前进导航仍将从缓存恢复,以确保浏览器可以恢复滚动位置。
  • loading.js 将保持缓存 5 分钟(或 staleTimes.static 配置的值)。

您可以通过设置以下配置来选择加入之前的客户端路由器缓存行为

next.config.ts
const nextConfig = {
  experimental: {
    staleTimes: {
      dynamic: 30,
    },
  },
};
 
export default nextConfig;

React 19

作为 Next.js 15 版本的一部分,我们决定与即将发布的 React 19 保持一致。

在版本 15 中,App Router 使用 React 19 RC,并且我们还根据社区反馈为 Pages Router 引入了 React 18 的向后兼容性。如果您正在使用 Pages Router,这将允许您在准备就绪后升级到 React 19。

尽管 React 19 仍处于 RC 阶段,但我们在真实应用程序中进行了广泛的测试,并且与 React 团队的密切合作使我们对其稳定性充满信心。核心重大变更已经过充分测试,不会影响现有的 App Router 用户。因此,我们决定立即发布 Next.js 15 稳定版,以便您的项目为 React 19 GA 做好充分准备。

为了确保过渡尽可能平滑,我们提供了 codemod 和自动化工具,以帮助简化迁移过程。

阅读 Next.js 15 升级指南React 19 升级指南,并观看 React Conf 主题演讲 以了解更多信息。

基于 React 18 的 Pages Router

Next.js 15 保持了 Pages Router 与 React 18 的向后兼容性,允许用户继续使用 React 18,同时受益于 Next.js 15 的改进。

自第一个候选版本 (RC1) 以来,我们根据社区反馈,将重点转移到包含对 React 18 的支持。这种灵活性使您可以在使用基于 React 18 的 Pages Router 的同时采用 Next.js 15,从而更好地控制您的升级路径。

注意: 虽然可以在同一应用程序中运行基于 React 18 的 Pages Router 和基于 React 19 的 App Router,但我们不建议这样做。这样做可能会导致不可预测的行为和类型不一致,因为两个版本之间的底层 API 和渲染逻辑可能无法完全对齐。

React Compiler(实验性)

React Compiler 是 Meta 的 React 团队创建的一个新的实验性编译器。该编译器通过理解纯 JavaScript 语义和 React 规则,从深层理解您的代码,这使其能够为您的代码添加自动优化。该编译器减少了开发人员必须通过 useMemouseCallback 等 API 进行手动 memoization 的量,从而使代码更简单、更易于维护且不易出错。

在 Next.js 15 中,我们增加了对 React Compiler 的支持。了解有关 React Compiler 的更多信息,以及 可用的 Next.js 配置选项

注意: React Compiler 目前仅作为 Babel 插件提供,这将导致开发和构建时间变慢。

Hydration 错误改进

Next.js 14.1 改进了 错误消息和 hydration 错误。Next.js 15 在此基础上继续构建,添加了改进的 hydration 错误视图。Hydration 错误现在显示错误的源代码,并提供有关如何解决该问题的建议。

例如,这是 Next.js 14.1 中以前的 hydration 错误消息

Hydration error message in Next.js 14.1

Next.js 15 对此进行了改进,变为

Hydration error message improved in Next.js 15

Turbopack Dev

我们很高兴地宣布 next dev --turbo 现在是稳定且就绪状态,可以加速您的开发体验。我们一直在使用它来迭代 vercel.comnextjs.orgv0 以及我们的所有其他应用程序,效果显著。

例如,对于 vercel.com 这个大型 Next.js 应用程序,我们看到了

  • 本地服务器启动速度最高提升 76.7%
  • 使用快速刷新进行代码更新的速度最高提升 96.3%
  • 不使用缓存时,初始路由编译速度最高提升 45.8%(Turbopack 尚不具备磁盘缓存)。

您可以在我们的新博客文章中了解有关 Turbopack Dev 的更多信息。

静态路由指示器

Next.js 现在在开发期间显示静态路由指示器,以帮助您识别哪些路由是静态的或动态的。这种视觉提示使您更容易通过了解页面的渲染方式来优化性能。

您还可以使用 next build 输出查看所有路由的渲染策略。

此更新是我们不断努力增强 Next.js 可观测性的一部分,使开发人员更容易监控、调试和优化其应用程序。我们还在开发专用开发人员工具,更多详细信息即将发布。

了解有关 静态路由指示器 的更多信息,该指示器可以禁用。

使用 unstable_after(实验性)在响应后执行代码

在处理用户请求时,服务器通常执行与计算响应直接相关的任务。但是,您可能需要执行诸如日志记录、分析和其他外部系统同步之类的任务。

由于这些任务与响应没有直接关系,因此用户不应等待它们完成。在响应用户后推迟工作会带来挑战,因为 serverless 函数在响应关闭后会立即停止计算。

after() 是一个新的实验性 API,它通过允许您安排在响应完成流式传输后处理的工作来解决此问题,从而使辅助任务能够在不阻止主响应的情况下运行。

要使用它,请将 experimental.after 添加到 next.config.js

next.config.ts
const nextConfig = {
  experimental: {
    after: true,
  },
};
 
export default nextConfig;

然后,在服务器组件、服务器操作、路由处理器或中间件中导入该函数。

import { unstable_after as after } from 'next/server';
import { log } from '@/app/utils';
 
export default function Layout({ children }) {
  // Secondary task
  after(() => {
    log();
  });
 
  // Primary task
  return <>{children}</>;
}

了解有关 unstable_after 的更多信息。

instrumentation.js(稳定版)

带有 register() API 的 instrumentation 文件允许用户利用 Next.js 服务器生命周期来监控性能、跟踪错误来源以及与 OpenTelemetry 等可观测性库深度集成。

此功能现在是稳定版,可以删除 experimental.instrumentationHook 配置选项。

此外,我们还与 Sentry 合作设计了一个新的 onRequestError 钩子,可用于

  • 捕获有关服务器上抛出的所有错误的重要上下文,包括
    • 路由器:Pages Router 或 App Router
    • 服务器上下文:服务器组件、服务器操作、路由处理器或中间件
  • 将错误报告给您喜欢的可观测性提供商。
export async function onRequestError(err, request, context) {
  await fetch('https://...', {
    method: 'POST',
    body: JSON.stringify({ message: err.message, request, context }),
    headers: { 'Content-Type': 'application/json' },
  });
}
 
export async function register() {
  // init your favorite observability provider SDK
}

了解有关 onRequestError 函数的更多信息。

<Form> 组件

新的 <Form> 组件使用 预取客户端导航 和渐进增强功能扩展了 HTML <form> 元素。

它适用于导航到新页面的表单,例如导致结果页面的搜索表单。

app/page.jsx
import Form from 'next/form';
 
export default function Page() {
  return (
    <Form action="/search">
      <input name="query" />
      <button type="submit">Submit</button>
    </Form>
  );
}

<Form> 组件具有以下功能

  • 预取:当表单在视图中时,布局加载 UI 会被预取,从而加快导航速度。
  • 客户端导航: 提交时,共享布局和客户端状态将被保留。
  • 渐进增强:如果 JavaScript 尚未加载,表单仍然可以通过完整页面导航工作。

以前,实现这些功能需要大量手动样板代码。例如

示例
// Note: This is abbreviated for demonstration purposes.
// Not recommended for use in production code.
 
'use client'
 
import { useEffect } from 'react'
import { useRouter } from 'next/navigation'
 
export default function Form(props) {
  const action = props.action
  const router = useRouter()
 
  useEffect(() => {
    // if form target is a URL, prefetch it
    if (typeof action === 'string') {
      router.prefetch(action)
    }
  }, [action, router])
 
  function onSubmit(event) {
    event.preventDefault()
 
    // grab all of the form fields and trigger a `router.push` with the data URL encoded
    const formData = new FormData(event.currentTarget)
    const data = new URLSearchParams()
 
    for (const [name, value] of formData) {
      data.append(name, value as string)
    }
 
    router.push(`${action}?${data.toString()}`)
  }
 
  if (typeof action === 'string') {
    return <form onSubmit={onSubmit} {...props} />
  }
 
  return <form {...props} />
}

了解更多关于 <Form> 组件的信息。

支持 next.config.ts

Next.js 现在支持 TypeScript next.config.ts 文件类型,并为自动完成和类型安全选项提供了 NextConfig 类型

next.config.ts
import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  /* config options here */
};
 
export default nextConfig;

了解更多关于 Next.js 中 TypeScript 支持的信息。

自托管的改进

当自托管应用程序时,您可能需要更多地控制 Cache-Control 指令。

一个常见的情况是控制为 ISR 页面发送的 stale-while-revalidate 期限。我们已经实施了两项改进

  1. 您现在可以在 next.config 中配置 expireTime 值。这之前是 experimental.swrDelta 选项。
  2. 更新了默认值为一年,确保大多数 CDN 可以完全按照预期应用 stale-while-revalidate 语义。

我们也不再使用默认值覆盖自定义 Cache-Control 值,从而允许完全控制并确保与任何 CDN 设置的兼容性。

最后,我们改进了自托管时的图像优化。以前,我们建议您安装 sharp 以在您的 Next.js 服务器上优化图像。这个建议有时会被忽略。使用 Next.js 15,您不再需要手动安装 sharp — 当使用 next start 或以 独立输出模式 运行时,Next.js 将自动使用 sharp

要了解更多信息,请观看我们新的 演示和教程视频,了解关于自托管 Next.js 的信息。

增强服务器操作的安全性

服务器操作 是可以从客户端调用的服务器端函数。它们通过在文件顶部添加 'use server' 指令并导出一个异步函数来定义。

即使服务器操作或实用函数在代码的其他地方没有被导入,它仍然是一个公开可访问的 HTTP 端点。虽然这种行为在技术上是正确的,但它可能导致此类函数被意外暴露。

为了提高安全性,我们引入了以下增强功能

  • 死代码消除: 未使用的服务器操作不会将其 ID 暴露给客户端 JavaScript 包,从而减小包大小并提高性能。
  • 安全操作 ID: Next.js 现在创建不可猜测的、非确定性的 ID,以允许客户端引用和调用服务器操作。这些 ID 在构建之间定期重新计算,以增强安全性。
// app/actions.js
'use server';
 
// This action **is** used in our application, so Next.js
// will create a secure ID to allow the client to reference
// and call the Server Action.
export async function updateUserAction(formData) {}
 
// This action **is not** used in our application, so Next.js
// will automatically remove this code during `next build`
// and will not create a public endpoint.
export async function deleteUserAction(formData) {}

您仍然应该将服务器操作视为公共 HTTP 端点。了解更多关于保护服务器操作安全的信息。

优化外部包的捆绑(稳定)

捆绑外部包可以提高应用程序的冷启动性能。在 App Router 中,默认情况下会捆绑外部包,您可以使用新的 serverExternalPackages 配置选项选择排除特定包。

Pages Router 中,默认情况下不捆绑外部包,但您可以使用现有的 transpilePackages 选项提供要捆绑的包列表。使用此配置选项,您需要指定每个包。

为了统一 App Router 和 Pages Router 之间的配置,我们引入了一个新选项 bundlePagesRouterDependencies,以匹配 App Router 的默认自动捆绑。然后,您可以根据需要使用 serverExternalPackages 选择排除特定包。

next.config.ts
const nextConfig = {
  // Automatically bundle external packages in the Pages Router:
  bundlePagesRouterDependencies: true,
  // Opt specific packages out of bundling for both App and Pages Router:
  serverExternalPackages: ['package-name'],
};
 
export default nextConfig;

了解更多关于优化外部包的信息。

ESLint 9 支持

Next.js 15 也引入了对 ESLint 9 的支持,紧随 ESLint 8 于 2024 年 10 月 5 日终止生命周期之后。

为了确保平稳过渡,Next.js 保持向后兼容,这意味着您可以继续使用 ESLint 8 或 9。

如果您升级到 ESLint 9,并且我们检测到您尚未采用 新的配置格式,Next.js 将自动应用 ESLINT_USE_FLAT_CONFIG=false 逃生舱口以简化迁移。

此外,当运行 next lint 时,将删除诸如 —ext—ignore-path 等已弃用的选项。请注意,ESLint 最终将在 ESLint 10 中禁用这些旧配置,因此我们建议您尽快开始迁移。

有关这些更改的更多详细信息,请查看 迁移指南

作为此更新的一部分,我们还将 eslint-plugin-react-hooks 升级到 v5.0.0,其中引入了 React Hooks 使用的新规则。您可以在 eslint-plugin-react-hooks@5.0.0 的变更日志 中查看所有更改。

开发和构建改进

服务器组件 HMR

在开发期间,服务器组件在保存时会重新执行。这意味着,对您的 API 端点或第三方服务的任何 fetch 请求也会被调用。

为了提高本地开发性能并减少计费 API 调用的潜在成本,我们现在确保热模块替换 (HMR) 可以重用先前渲染的 fetch 响应。

了解更多关于 服务器组件 HMR 缓存的信息。

App Router 更快的静态生成

我们优化了静态生成以缩短构建时间,特别是对于具有慢速网络请求的页面。

以前,我们的静态优化过程会渲染页面两次——一次生成用于客户端导航的数据,第二次渲染用于初始页面访问的 HTML。现在,我们重用第一次渲染,减少了第二次传递,从而减少了工作负载和构建时间。

此外,静态生成工作进程现在在页面之间共享 fetch 缓存。如果 fetch 调用没有选择退出缓存,则其结果将被同一工作进程处理的其他页面重用。这减少了对相同数据的请求数量。

高级静态生成控制(实验性)

我们为更高级的用例添加了对静态生成过程进行更多控制的实验性支持,这些用例将受益于更大的控制。

我们建议坚持当前的默认设置,除非您有特定需求,因为这些选项可能会因并发性增加而导致资源使用量增加和潜在的内存不足错误。

next.config.ts
const nextConfig = {
  experimental: {
    // how many times Next.js will retry failed page generation attempts
    // before failing the build
    staticGenerationRetryCount: 1
    // how many pages will be processed per worker
    staticGenerationMaxConcurrency: 8
    // the minimum number of pages before spinning up a new export worker
    staticGenerationMinPagesPerWorker: 25
  },
}
 
export default nextConfig;

了解更多关于 静态生成选项的信息。

其他更改

  • [重大更改] next/image:删除了 squoosh,转而使用 sharp 作为可选依赖项 (PR)
  • [重大更改] next/image:将默认 Content-Disposition 更改为 attachment (PR)
  • [重大更改] next/image:当 src 具有前导或尾随空格时报错 (PR)
  • [重大更改] 中间件:应用 react-server 条件来限制不推荐的 React API 导入 (PR)
  • [重大更改] next/font:删除了对外部 @next/font 包的支持 (PR)
  • [重大更改] next/font:删除了 font-family 哈希处理 (PR)
  • [重大更改] 缓存:force-dynamic 现在将为 fetch 缓存设置 no-store 默认值 (PR)
  • [重大更改] 配置:默认启用 swcMinify (PR)、missingSuspenseWithCSRBailout (PR) 和 outputFileTracing (PR) 行为,并删除已弃用的选项
  • [重大更改] 删除 Speed Insights 的自动检测(现在必须使用专用的 @vercel/speed-insights 包)(PR)
  • [重大更改] 删除动态站点地图路由的 .xml 扩展名,并对齐开发和生产环境之间的站点地图 URL (PR)
  • [重大更改] 我们已弃用在 App Router 中导出 export const runtime = "experimental-edge"。用户现在应该切换到 export const runtime = "edge"。我们添加了一个 codemod 来执行此操作 (PR)
  • [重大更改] 在渲染期间调用 revalidateTagrevalidatePath 现在将抛出错误 (PR)
  • [重大更改] instrumentation.jsmiddleware.js 文件现在将使用 vendored React 包 (PR)
  • [重大更改] 最低要求的 Node.js 版本已更新为 18.18.0 (PR)
  • [重大更改] next/dynamic:已删除已弃用的 suspense prop,并且当组件在 App Router 中使用时,它将不再插入空的 Suspense 边界 (PR)
  • [重大更改] 在 Edge Runtime 上解析模块时,将不会应用 worker 模块条件 (PR)
  • [重大更改] 禁止在服务器组件中将 ssr: false 选项与 next/dynamic 一起使用 (PR)
  • [改进] 元数据:更新了在 Vercel 上托管时 metadataBase 的环境变量回退 (PR)
  • [改进] 修复了来自 optimizePackageImports 的混合命名空间和命名导入的 tree-shaking 问题 (PR)
  • [改进] 并行路由:为所有已知的参数提供不匹配的 catch-all 路由 (PR)
  • [改进] 配置 bundlePagesExternals 现在稳定并重命名为 bundlePagesRouterDependencies
  • [改进] 配置 serverComponentsExternalPackages 现在稳定并重命名为 serverExternalPackages
  • [改进] create-next-app:新项目默认忽略所有 .env 文件 (PR)
  • [改进] outputFileTracingRootoutputFileTracingIncludesoutputFileTracingExcludes 已从实验性升级为稳定版 (PR)
  • [改进] 避免将全局 CSS 文件与树中更深层的 CSS 模块文件合并 (PR)
  • [改进] 缓存处理程序可以通过 NEXT_CACHE_HANDLER_PATH 环境变量指定 (PR)
  • [改进] Pages Router 现在同时支持 React 18 和 React 19 (PR)
  • [改进] 如果启用了检查器,错误覆盖层现在会显示一个按钮来复制 Node.js 检查器 URL (PR)
  • [改进] App Router 上的客户端预取现在使用 priority 属性 (PR)
  • [改进] Next.js 现在提供了一个 unstable_rethrow 函数,用于在 App Router 中重新抛出 Next.js 内部错误 (PR)
  • [改进] unstable_after 现在可以在静态页面中使用 (PR)
  • [改进] 如果在 SSR 期间使用 next/dynamic 组件,则将预取 chunk (PR)
  • [改进] App Router 现在支持 esmExternals 选项 (PR)
  • [改进] experimental.allowDevelopmentBuild 选项可用于允许 NODE_ENV=developmentnext build 一起用于调试目的 (PR)
  • [改进] 服务器操作转换现在在 Pages Router 中被禁用 (PR)
  • [改进] 构建工作进程现在将在退出时阻止构建挂起 (PR)
  • [改进] 当从服务器操作重定向时,重新验证现在将正确应用 (PR)
  • [改进] 动态参数现在在 Edge Runtime 上为并行路由正确处理 (PR)
  • [改进] 静态页面现在将在初始加载后遵守 staleTime (PR)
  • [改进] vercel/og 已更新,修复了内存泄漏问题 (PR)
  • [改进] 更新了补丁计时,以允许使用诸如 msw 之类的包进行 API 模拟 (PR)
  • [改进] 预渲染页面应使用静态 staleTime (PR)

要了解更多信息,请查看升级指南

贡献者

Next.js 是超过 3,000 名个人开发者、Google 和 Meta 等行业合作伙伴以及我们在 Vercel 的核心团队共同努力的成果。此版本由以下人员为您带来

非常感谢 @AbhiShake1, @Aerilym, @AhmedBaset, @AnaTofuZ, @Arindam200, @Arinji2, @ArnaudFavier, @ArnoldVanN, @Auxdible, @B33fb0n3, @Bhavya031, @Bjornnyborg, @BunsDev, @CannonLock, @CrutchTheClutch, @DeepakBalaraman, @DerTimonius, @Develliot, @EffectDoplera, @Ehren12, @Ethan-Arrowood, @FluxCapacitor2, @ForsakenHarmony, @Francoscopic, @Gomah, @GyoHeon, @Hemanshu-Upadhyay, @HristovCodes, @HughHzyb, @IAmKushagraSharma, @IDNK2203, @IGassmann, @ImDR, @IncognitoTGT, @Jaaneek, @JamBalaya56562, @Jeffrey-Zutt, @JohnGemstone, @JoshuaKGoldberg, @Julian-Louis, @Juneezee, @KagamiChan, @Kahitar, @KeisukeNagakawa, @KentoMoriwaki, @Kikobeats, @KonkenBonken, @Kuboczoch, @Lada496, @LichuAcu, @LorisSigrist, @Lsnsh, @Luk-z, @Luluno01, @M-YasirGhaffar, @Maaz-Ahmed007, @Manoj-M-S, @ManuLpz4, @Marukome0743, @MaxLeiter, @MehfoozurRehman, @MildTomato, @MonstraG, @N2D4, @NavidNourani, @Nayeem-XTREME, @Netail, @NilsJacobsen, @Ocheretovich, @OlyaPolya, @PapatMayuri, @PaulAsjes, @PlagueFPS, @ProchaLu, @Pyr33x, @QiuranHu, @RiskyMH, @Sam-Phillemon9493, @Sayakie, @Shruthireddy04, @SouthLink, @Strift, @SukkaW, @Teddir, @Tim-Zj, @TrevorSayre, @Unsleeping, @Willem-Jaap, @a89529294, @abdull-haseeb, @abhi12299, @acdlite, @actopas, @adcichowski, @adiguno, @agadzik, @ah100101, @akazwz, @aktoriukas, @aldosch, @alessiomaffeis, @allanchau, @alpedia0, @amannn, @amikofalvy, @anatoliik-lyft, @anay-208, @andrii-bodnar, @anku255, @ankur-dwivedi, @aralroca, @archanaagivale30, @arlyon, @atik-persei, @avdeev, @baeharam, @balazsorban44, @bangseongbeom, @begalinsaf, @bennettdams, @bewinsnw, @bgw, @blvdmitry, @bobaaaaa, @boris-szl, @bosconian-dynamics, @brekk, @brianshano, @cfrank, @chandanpasunoori, @chentsulin, @chogyejin, @chrisjstott, @christian-bromann, @codeSTACKr, @coderfin, @coltonehrman, @controversial, @coopbri, @creativoma, @crebelskydico, @crutchcorn, @darthmaim, @datner, @davidsa03, @delbaoliveira, @devjiwonchoi, @devnyxie, @dhruv-kaushik, @dineshh-m, @diogocapela, @dnhn, @domdomegg, @domin-mnd, @dvoytenko, @ebCrypto, @ekremkenter, @emmerich, @flybayer, @floriangosse, @forsakenharmony, @francoscopic, @frys, @gabrielrolfsen, @gaojude, @gdborton, @greatvivek11, @gnoff, @guisehn, @GyoHeon, @hamirmahal, @hiro0218, @hirotomoyamada, @housseindjirdeh, @hungdoansy, @huozhi, @hwangstar156, @iampoul, @ianmacartney, @icyJoseph, @ijjk, @imddc, @imranolas, @iscekic, @jantimon, @jaredhan418, @jeanmax1me, @jericopulvera, @jjm2317, @jlbovenzo, @joelhooks, @joeshub, @jonathan-ingram, @jonluca, @jontewks, @joostmeijles, @jophy-ye, @jordienr, @jordyfontoura, @kahlstrm, @karlhorky, @karlkeefer, @kartheesan05, @kdy1, @kenji-webdev, @kevva, @khawajaJunaid, @kidonng, @kiner-tang, @kippmr, @kjac, @kjugi, @kshehadeh, @kutsan, @kwonoj, @kxlow, @leerob, @lforst, @li-jia-nan, @liby, @lonr, @lorensr, @lovell, @lubieowoce, @luciancah, @luismiramirez, @lukahartwig, @lumirlumir, @luojiyin1987, @mamuso, @manovotny, @marlier, @mauroaccornero, @maxhaomh, @mayank1513, @mcnaveen, @md-rejoyan-islam, @mehmetozguldev, @mert-duzgun, @mirasayon, @mischnic, @mknichel, @mobeigi, @molebox, @mratlamwala, @mud-ali, @n-ii-ma, @n1ckoates, @nattui, @nauvalazhar, @neila-a, @neoFinch, @niketchandivade, @nisabmohd, @none23, @notomo, @notrab, @nsams, @nurullah, @okoyecharles, @omahs, @paarthmadan, @pathliving, @pavelglac, @penicillin0, @phryneas, @pkiv, @pnutmath, @qqww08, @r34son, @raeyoung-kim, @remcohaszing, @remorses, @rezamauliadi, @rishabhpoddar, @ronanru, @royalfig, @rubyisrust, @ryan-nauman, @ryohidaka, @ryota-murakami, @s-ekai, @saltcod, @samcx, @samijaber, @sean-rallycry, @sebmarkbage, @shubh73, @shuding, @sirTangale, @sleevezip, @slimbde, @soedirgo, @sokra, @sommeeeer, @sopranopillow, @souporserious, @srkirkland, @steadily-worked, @steveluscher, @stipsan, @styfle, @stylessh, @syi0808, @symant233, @tariknh, @theoludwig, @timfish, @timfuhrmann, @timneutkens, @tknickman, @todor0v, @tokkiyaa, @torresgol10, @tranvanhieu01012002, @txxxxc, @typeofweb, @unflxw, @unstubbable, @versecafe, @vicb, @vkryachko, @wbinnssmith, @webtinax, @weicheng95, @wesbos, @whatisagi, @wiesson, @woutvanderploeg, @wyattjoh, @xiaohanyu, @xixixao, @xugetsu, @yosefbeder, @ypessoa, @ytori, @yunsii, @yurivangeffen, @z0n, @zce, @zhawtof, @zsh77, 和 @ztanner 的帮助!