NextJS 14是否支持仅服务端代码文件的保障机制？

当然可以，Next.js 提供了多种成熟机制来保证代码仅在服务端执行，不会被发送到客户端，类似你提到的 Svelte .server.ts 方案：

• 文件命名规则
  • 给文件添加 .server.ts/.server.js 后缀：Next.js 会自动将这类文件标记为服务端专属，不会将其代码打包进客户端资源中，所有逻辑仅在服务端运行。
• 路由与组件层面的服务端专属逻辑
  • App Router 模式：
    • app/api 目录下的所有路由文件默认都是服务端执行，无需额外配置，适合编写接口逻辑。
    • 定义服务端组件：只需创建普通的 React 组件（无需特殊标记），App Router 中组件默认就是服务端组件，其内部的所有代码（如数据库查询、密钥调用）都会在服务端完成渲染，仅将最终 HTML 发送给客户端。如果需要客户端组件才需添加 'use client' 指令。
  • Pages Router 模式：
    • 使用 getServerSideProps 或 getStaticProps 函数：这两个函数仅在服务端运行，用于预获取数据并传递给页面组件，函数内部的代码完全不会暴露给客户端。
• 环境变量隔离
  • 不带 NEXT_PUBLIC_ 前缀的环境变量默认仅在服务端可用，可安全地在服务端代码中使用敏感信息（如 API 密钥），不会被客户端获取。

内容的提问来源于stack exchange，提问作者Basic Coder