Netlify 框架
技能 已验证 活跃Netlify 上部署 Web 框架的指南。适用于为 Netlify 部署设置框架项目(Vite/React、Astro、TanStack Start、Next.js、Nuxt、SvelteKit、Remix)、配置适配器或插件、或排查特定框架与 Netlify 的集成问题。涵盖 Netlify 对每个框架的需求以及适配器如何处理服务器端渲染。
通过提供特定于框架的集成详细信息和最佳实践,指导用户在 Netlify 上成功设置和部署现代 Web 框架。
功能
- 框架检测指导
- 适配器功能说明
- SPA 路由和自定义 404 页面的配置
- 客户端和服务器代码的环境变量处理
- Vite、Astro、TanStack Start 和 Next.js 的特定集成模式
使用场景
- 为 Netlify 部署设置新的框架项目
- 配置适配器或插件以实现特定框架与 Netlify 的集成
- 排查 Netlify 上框架集成问题
- 了解 Netlify 如何处理服务器端渲染和 API 路由
非目标
- 提供直接的 Netlify Functions 代码
- 充当通用的 Web 开发教程
- 涵盖 Netlify 以外平台的部署
工作流
- 使用配置文件识别框架
- 遵循特定框架的设置和适配器说明
- 实现通用的 Netlify 部署模式(路由、404、环境变量)
- 在 netlify.toml 中配置构建命令和发布目录
- 将项目部署到 Netlify
实践
- 框架部署
- Netlify 集成
- 服务器端渲染
安装
请先添加 Marketplace
/plugin marketplace add netlify/context-and-tools/plugin install context-and-tools@netlify-context-and-tools质量评分
已验证类似扩展
Web Performance Optimization
75Optimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications
Firebase App Hosting Basics
99Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.
Better Auth Integrations
99Better Auth framework integrations for TypeScript. Use when wiring route handlers in Next.js, SvelteKit, Remix, Express, Hono, or other web frameworks.
Vue Expert
97Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.
Containerize MCP Server
100Containerize an R-based MCP (Model Context Protocol) server using Docker. Covers mcptools integration, port exposure, stdio vs HTTP transport, and connecting Claude Code to the containerized server. Use when deploying an R MCP server without requiring a local R installation, creating a reproducible MCP server environment, running MCP servers alongside other containerized services, or distributing an MCP server to other developers.