netlify-frameworks
Deploy web frameworks with SSR support
Developer Setup
Setup & Installation
npx skills add https://github.com/netlify/context-and-tools --skill netlify-frameworksnpx skills add https://github.com/netlify/context-and-tools --skill netlify-frameworksOverview
What This Skill Does
Covers how to deploy web frameworks on Netlify, including Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, and Remix. For frameworks with SSR or API routes, it explains how adapters translate server-side code into Netlify Functions and Edge Functions automatically. Also covers environment variable prefixes, SPA redirect config, and custom 404 handling.
Application
When to use this Skill
- Configuring integration settings for custom agent workflows.
- Optimizing query execution and response latency in production.
- Developing clean, standard-compliant implementations for enterprise services.
- Troubleshooting connection timeouts and authentication handshakes.
- Monitoring API rate limits and execution pipelines programmatically.
Documentation
Show Skills.md file
Frameworks on Netlify
Netlify supports any framework that produces static output. For frameworks with server-side capabilities (SSR, API routes, middleware), an adapter or plugin translates the framework's server-side code into Netlify Functions and Edge Functions automatically.
How It Works
During build, the framework adapter writes files to .netlify/v1/ — functions, edge functions, redirects, and configuration. Netlify reads these to deploy the site. You do not need to write Netlify Functions manually when using a framework adapter for server-side features.
Detecting Your Framework
Check these files to determine the framework:
| File | Framework |
|---|---|
astro.config.* |
Astro |
next.config.* |
Next.js |
nuxt.config.* |
Nuxt |
vite.config.* + react-router |
Vite + React (SPA or Remix) |
app.config.* + @tanstack/react-start |
TanStack Start |
svelte.config.* |
SvelteKit |
Framework Reference Guides
Each framework has specific adapter/plugin requirements and local dev patterns:
Recommendations
Explore other random skills
aspnet-core
Build, review, and architect ASP.NET Core apps (Blazor, MVC, Minimal APIs, etc.)
chatgpt-apps
Build, scaffold, and troubleshoot ChatGPT Apps SDK apps with MCP server and widget UI
figma
Use the Figma MCP server to fetch design context and translate nodes into production code