Next.js是否支持从Azure Blob Storage等远程文件系统获取页面文件？

你可以通过两种成熟的方案实现需求，两种方案都能同时保留Next.js的SSR能力，且支持从Azure Blob Storage读取资源：

方案1：自定义服务器 + 通配动态路由（最灵活，适配多SPA托管场景） #

• 首先在Next.js项目中创建通配动态路由文件 pages/[...spaPath].tsx（js格式也可），捕获所有路由请求
• 基于Node.js编写自定义Next.js启动服务，在服务层接入Azure Storage SDK，收到请求时先匹配你要托管的SPA标识（比如域名前缀、路径前缀），再去Azure Blob Storage拉取对应SPA的页面资源、组件代码或者预构建内容
• 拿到资源后如果是需要SSR渲染的组件，直接调用Next.js的 renderToHTML 方法完成服务端渲染后返回；如果是静态的js、css、html资源，直接设置正确的响应头后代理返回即可
• 你可以在自定义服务层加缓存规则，减少重复请求Azure Storage的开销，实际性能和本地读取差距很小

方案2：重写路由 + 增量静态再生（无需自定义服务器，适合固定多SPA场景） #

• 不需要修改服务逻辑，直接在 next.config.js 中配置 rewrites 规则，将不同前缀的路由请求指向你配置的Azure Storage资源拉取逻辑
• 配合Next.js的增量静态再生（ISR）能力，在页面组件内部通过Azure SDK拉取对应SPA的内容，完成SSR渲染后返回，还可以设置重验证时间自动同步Storage中的内容变更

如果你要拉取的是未编译的React组件代码，需要在服务层加实时编译逻辑，建议提前把多份SPA的组件编译成可直接执行的代码块存在Azure Storage中，减少运行时开销
本地开发阶段可以用本地目录模拟Azure Storage的结构，不影响正常开发效率

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