skills.rest
costrict-plugins-repo
costrict-plugins-repoOFFICIAL
Explore all skills by this author →
GitHub

netlify-frameworks

Configure and deploy web frameworks on Netlify with SSR adapters and build settings.

Updated May 19, 2026
Search Tags:#deployment#frameworks#nextjs#vite#netlify#astro#ssr
One-click install
npx skills add https://github.com/costrict-plugins-repo/anthropic-netlify-skills --skill netlify-frameworks-costrict-plugins-repo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: netlify-frameworks
Source: https://github.com/costrict-plugins-repo/anthropic-netlify-skills/tree/main/codex/skills/netlify-frameworks
Command: npx skills add https://github.com/costrict-plugins-repo/anthropic-netlify-skills --skill netlify-frameworks-costrict-plugins-repo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Deploying a framework to Netlify involves framework-specific adapters, build commands, publish directories, SSR/edge routing, and env var rules that differ per framework — getting any of them wrong causes silent failures like SSR pages serving static HTML or env vars not updating. ## Core Features & Use Cases - Framework adapter setup: Step-by-step SSR/edge adapter configuration for Next.js, Astro, SvelteKit, Nuxt, Remix, React Router, TanStack Start, SolidStart, Gatsby, Angular, Hydrogen, and Express. - Build settings reference: A lookup table of build commands and publish directories for 20+ frameworks, plus SPA redirect rules and the SSR catch-all footgun. - Env var and local dev rules: Build-time env injection semantics, client-prefix secret warnings, and Vite-plugin-based local platform emulation without the Netlify CLI. - Use Case: Your Next.js site on Netlify serves stale pages after deploys — the skill tells you to enable skew protection via NETLIFY_NEXT_SKEW_PROTECTION and, for Next below 14.1.4, add experimental.useDeploymentId in next.config.js. ## Quick Start Ask the agent to configure your framework project for Netlify deployment, for example: set up my SvelteKit app with the Netlify adapter and correct build settings.

Frequently Asked Questions about netlify-frameworks

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

FAQPage Schema
How do I deploy Next.js to Netlify with SSR?▼

Next.js 13.5+ deploys zero-config via the @netlify/plugin-nextjs runtime, which Netlify installs automatically. Use `next build` with publish directory `.next`; SSR, ISR, API routes, and middleware are converted to Netlify Functions and Edge Functions.

How do I set up the SvelteKit Netlify adapter?▼

Install @sveltejs/adapter-netlify as a dev dependency and register it in svelte.config.js. Pass `edge: true` for edge rendering or `split: true` for one function per route, but the two options cannot be combined.

Why isn't my Netlify environment variable updating?▼

Env values are injected at build time, so any change requires a redeploy — editing a var in the UI or CLI does not reach the live site or already-deployed functions. Runtime vars for functions must be set in the UI, CLI, or API, not netlify.toml.

Does Netlify support Astro SSR and API routes?▼

Yes, run `npx astro add netlify` to install the @astrojs/netlify adapter, which converts server routes into Netlify Functions. Astro 5 has two output modes — static (default) and server — with per-route prerender control replacing the old hybrid mode.

Why is my SPA redirect breaking SSR pages on Netlify?▼

A leftover `/* → /index.html 200` catch-all overrides adapter-generated routes because user redirects win, silently serving static index.html for SSR pages and API routes. Remove the SPA catch-all when adopting an SSR adapter.

Can I test Netlify functions locally without netlify dev?▼

Vite-based frameworks emulate Netlify primitives locally via plugins: @netlify/vite-plugin for Vite, React Router, and SolidStart; @netlify/vite-plugin-tanstack-start for TanStack Start; @netlify/nuxt for Nuxt. Gatsby and Angular SSR still require the Netlify CLI.

Related Skills

Explore More Software Engineering Skills→
bl1nk-botbl1nk-bot
3

netlify-deploy

Automate web project deployments to Netlify using the Netlify CLI.

Official
Intermediate
martin-cousseaumartin-cousseau

deploy-platform

Deploys an AgentOS platform to production using provider CLI scripts and verifies the live deployment.

Community
Advanced
netlifynetlify
32

netlify-config

Configure Netlify deployments with netlify.toml syntax and examples.

Official
Intermediate
MichaelFriezeMichaelFrieze

netlify-frameworks

Translate framework server-side behavior into Netlify Functions and Edge Functions.

Community
Intermediate