Skill 广场
Next.js全栈网站部署配置 Skill

Next.js全栈网站部署配置.Skill

@firebase/firebase-app-hosting-basics

4.6优秀AI 评分基础检查通过源自 GitHub

该能力专为现代全栈 Web 框架(如 Next.js、Angular SSR)打造,指导开发者使用 Firebase App Hosting 部署服务端渲染应用。涵盖从 firebase.json 的 apphosting 配置、apphosting.yaml 运行参数编写、Secret Manager 敏感环境变量授权,到配置 GitHub 自动化 CI/CD 流水线与本地模拟器联调的全流程。

编程前端工程师全栈开发者DevOps工程师2026-09-23 更新main

Next.js全栈网站部署配置

该能力专为现代全栈 Web 框架(如 Next.js、Angular SSR)打造,指导开发者使用 Firebase App Hosting 部署服务端渲染应用。涵盖从 firebase.json 的 apphosting 配置、apphosting.yaml 运行参数编写、Secret Manager 敏感环境变量授权,到配置 GitHub 自动化 CI/CD 流水线与本地模拟器联调的全流程。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

我刚写完一个 Next.js 14 App Router 项目,怎么配置 firebase.json 和 apphosting.yaml 发布到 Firebase App Hosting?

在 Firebase App Hosting 中如何安全挂载 OPENAI_API_KEY 环境变量?请给出具体的 CLI 授权命令。

如何把我的 GitHub 仓库与 Firebase App Hosting 后端绑定,实现代码提交后自动触发 SSR 应用构建部署?

适用人群

适合谁?

前端工程师全栈开发者DevOps工程师独立全栈开发者

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度