Agent skill · practicalswan
netlify-frameworks
Deploy and configure web frameworks on Netlify — build settings and SSR/edge adapters plus local platform emulation and env vars. Use when setting up or fixing a framework deploy (Next.js / Astro / Nuxt / SvelteKit / Remix / React Router / TanStack Start / SolidStart / Gatsby / Angular / Vite / Express / Hydrogen / Hugo / Eleventy / Vue / React), adding SSR or edge functions or middleware wired to Netlify context, fixing SPA redirect and catch-all rules, setting a build command or publish directory, or debugging \"why isn't my env var updating\" and framework build failures.
What it needs
About 9k tokens when loaded.
What this skill does
Route framework-specific deep work to the guides in this skill: references/astro.md, references/nextjs.md, references/nuxt.md, references/sveltekit.md, references/tanstack.md, references/vite.md. Env vars: modern rules (read first) Env values are injected at build time. Any change (client- or server-side) requires a redeploy — editing a var in the UI/CLI does NOT reach the live site or already-deployed functions until a new build runs. Never use a client prefix for secrets. Client-prefixed vars are inlined into the browser bundle: VITE, NEXTPUBLIC, PUBLIC, NUXTPUBLIC, REACTAPP, GATSBY, VUEAPP. Client-embed prefixes by framework: CRA REACTAPP, Gatsby GATSBY, Next NEXTPUBLIC, Nuxt NUXTENV, Vue CLI VUEAPP. Scopes: build-time access needs Builds scope; SSR/DSG runtime access needs both Functions and Builds. netlify.toml is read only during build — functions cannot read it at runtime; set runtime vars in UI/CLI/API. Netlify build variables can't be used as values in the UI or netlify.toml env sections. Set them inline before the build command: SPA redirects and the SSR catch-all footgun SPAs (React, Vue CLI, Vite, Nuxt in SPA mode) need a rewrite to serve index.html for pushState: Remove any SPA catch-all when adopting an SSR adapter. A leftover / → /index.html 200 silently serves static index.html for SSR pages and API routes — user redirects beat adapter-generated routes. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills practicalswan/netlify-frameworks