netlify-frameworks

Configure web framework adapters and plugins for Netlify deployment and local development.

Updated Jul 16, 2026
One-click install
npx skills add https://github.com/JamesMitofsky/tag-archive --skill netlify-frameworks-jamesmitofsky
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: netlify-frameworks
Source: https://github.com/JamesMitofsky/tag-archive/tree/main/.claude/skills/netlify-frameworks
Command: npx skills add https://github.com/JamesMitofsky/tag-archive --skill netlify-frameworks-jamesmitofsky

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Deploying frameworks with server-side rendering, API routes, or middleware to Netlify requires the correct adapter or plugin, and misconfiguration causes silent failures like shadowed SSR routes, missing runtime files, or undetected forms. This Skill provides per-framework guidance for Vite/React, Astro, TanStack Start, Next.js, Nuxt, and SvelteKit so deployments work the first time. ## Core Features & Use Cases - Framework Detection: Identify the framework from config files like astro.config.*, next.config.*, or svelte.config.* and route to the right reference guide. - Adapter & Plugin Setup: Configure @astrojs/netlify, @sveltejs/adapter-netlify, @netlify/vite-plugin, @netlify/vite-plugin-tanstack-start, or the automatic Next.js runtime and Nuxt Nitro preset. - Local Development Options: Choose between netlify dev and the Netlify Vite plugin family for local access to Functions, Blobs, DB, and environment variables. - Pitfall Prevention: Avoid SPA catch-all redirects shadowing SSR routes, ENOENT errors from untraced runtime file reads, and forms that Netlify never detects. - Use Case: A developer migrating a client-rendered React SPA to SvelteKit with SSR uses this Skill to install the adapter, remove the stale /* → /index.html redirect, and set up local dev with Netlify platform primitives. ## Quick Start Ask the assistant to set up your framework project for Netlify deployment, naming your framework such as SvelteKit or Astro.

Frequently Asked Questions about netlify-frameworks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a SvelteKit app to Netlify?

Install @sveltejs/adapter-netlify as a dev dependency and register it in svelte.config.js. The adapter compiles SSR, server endpoints, and hooks into Netlify Functions; pass edge: true to deploy as an Edge Function instead.

How do I deploy an Astro site with SSR to Netlify?

Run npx astro add netlify to install @astrojs/netlify and update astro.config automatically. Set output to "server" for on-demand rendering by default, or keep "static" and opt individual routes into SSR with export const prerender = false.

What is the difference between netlify dev and the Netlify Vite plugin?

netlify dev wraps any framework's dev server and adds environment variables, Functions, and redirects. The @netlify/vite-plugin family embeds Netlify primitives directly in the Vite dev server, so Vite-based frameworks run npm run dev without the wrapper.

Why are my Netlify Function runtime file reads failing with ENOENT?

Adapter-generated functions only bundle traced module dependencies, so files read from disk at runtime are not uploaded. Declare them with outputFileTracingIncludes in Next.js config or included_files in a function's config.

Does Nuxt need a Netlify adapter to deploy?

No. Nuxt 3 is built on Nitro, which auto-detects Netlify at build time and selects its netlify preset, emitting Functions and Edge Functions for SSR and server routes without any adapter installation.

Why is my SPA catch-all redirect breaking SSR routes on Netlify?

User-defined redirects in netlify.toml take precedence over adapter-generated routes, so a leftover /* → /index.html rule serves static index.html for every request including SSR and API routes. Delete the catch-all when migrating to SSR.