Netlify Frameworks
Skill Verifiziert AktivLeitfaden für die Bereitstellung von Web-Frameworks auf Netlify. Verwenden Sie diesen Leitfaden beim Einrichten eines Framework-Projekts (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) für die Netlify-Bereitstellung, beim Konfigurieren von Adaptern oder Plugins oder bei der Fehlerbehebung bei frameworkspezifischen Netlify-Integrationen. Erklärt, was Netlify von jedem Framework benötigt und wie Adapter Server-Side Rendering handhaben.
Benutzer bei der erfolgreichen Einrichtung und Bereitstellung moderner Web-Frameworks auf Netlify anzuleiten, indem frameworkspezifische Integrationsdetails und Best Practices bereitgestellt werden.
Funktionen
- Anleitung zur Framework-Erkennung
- Erklärung der Adapterfunktionalität
- Konfiguration für SPA-Routing und benutzerdefinierte 404-Seiten
- Umgang mit Umgebungsvariablen für Client- und Serverseiten-Code
- Spezifische Integrationsmuster für Vite, Astro, TanStack Start und Next.js
Anwendungsfälle
- Einrichten eines neuen Framework-Projekts für die Netlify-Bereitstellung
- Konfigurieren von Adaptern oder Plugins für die frameworkspezifische Netlify-Integration
- Fehlerbehebung bei Framework-Integrationsproblemen auf Netlify
- Verständnis, wie Server-Side Rendering und API-Routen auf Netlify gehandhabt werden
Nicht-Ziele
- Bereitstellung von direktem Netlify Function-Code
- Dienen als allgemeines Webentwicklungs-Tutorial
- Behandlung der Bereitstellung auf anderen Plattformen als Netlify
Workflow
- Framework anhand von Konfigurationsdateien identifizieren
- Anweisungen zur frameworkspezifischen Einrichtung und zu Adaptern befolgen
- Allgemeine Netlify-Bereitstellungsmuster implementieren (Routing, 404s, Umgebungsvariablen)
- Build-Befehl und Publish-Verzeichnis in netlify.toml konfigurieren
- Projekt auf Netlify bereitstellen
Praktiken
- Framework-Bereitstellung
- Netlify-Integration
- Server-Side Rendering
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add netlify/context-and-tools/plugin install context-and-tools@netlify-context-and-toolsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
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.