跳转到主要内容

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 以外平台的部署

工作流

  1. 使用配置文件识别框架
  2. 遵循特定框架的设置和适配器说明
  3. 实现通用的 Netlify 部署模式(路由、404、环境变量)
  4. 在 netlify.toml 中配置构建命令和发布目录
  5. 将项目部署到 Netlify

实践

  • 框架部署
  • Netlify 集成
  • 服务器端渲染

安装

请先添加 Marketplace

/plugin marketplace add netlify/context-and-tools
/plugin install context-and-tools@netlify-context-and-tools

质量评分

已验证
98 /100
1 day ago 分析

信任信号

最近提交6 days ago
星标17
许可证MIT
状态
查看源代码

类似扩展

Web Performance Optimization

75

Optimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques

技能
bobmatnyc

Env Manager

99

Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications

技能
bobmatnyc

Firebase App Hosting Basics

99

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

技能
firebase

Better Auth Integrations

99

Better Auth framework integrations for TypeScript. Use when wiring route handlers in Next.js, SvelteKit, Remix, Express, Hono, or other web frameworks.

技能
bobmatnyc

Vue Expert

97

Builds 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.

技能
jeffallan

Containerize MCP Server

100

Containerize 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.

技能
pjt222