skills.rest
SyedArmanAli2003
SyedArmanAli2003COMMUNITY
Explore all skills by this author →
WebsiteGitHub

netlify-frameworks

Configure web framework adapters and plugins for Netlify deployment.

1|Updated May 13, 2026
Search Tags:#deployment#nextjs#vite#netlify#astro#ssr#adapter
One-click install
npx skills add https://github.com/SyedArmanAli2003/AgroNaV --skill netlify-frameworks-syedarmanali2003
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: netlify-frameworks
Source: https://github.com/SyedArmanAli2003/AgroNaV/tree/main/.agents/skills/netlify-frameworks
Command: npx skills add https://github.com/SyedArmanAli2003/AgroNaV --skill netlify-frameworks-syedarmanali2003

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Deploying modern web frameworks with server-side rendering, API routes, and middleware to Netlify requires the correct adapter or plugin per framework, and misconfiguration leads to broken SSR, missing functions, or failed builds. ## Core Features & Use Cases - Framework Detection: Identify the framework in use (Astro, Next.js, Nuxt, SvelteKit, Vite + React, TanStack Start, Remix) from config files. - Adapter Setup Guides: Per-framework reference guides covering adapter installation, output modes, API routes, forms, and local development. - General Patterns: SPA catch-all redirects, custom 404 handling, and framework-specific environment variable prefixes. - Use Case: You have an Astro site with on-demand rendering and API routes. Use this Skill to install @astrojs/netlify, set the output mode, and configure netlify.toml so SSR routes deploy as Netlify Functions. ## Quick Start Set up my Vite React project for Netlify deployment including the plugin, SPA redirect, and build configuration.

Frequently Asked Questions about netlify-frameworks

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

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

Install the Netlify adapter with npx astro add netlify, which adds @astrojs/netlify and updates astro.config automatically. Set output to "server" for on-demand rendering, and the adapter converts server routes into Netlify Functions.

How do I deploy a Next.js app to Netlify?▼

Netlify detects Next.js and installs the @netlify/plugin-nextjs runtime automatically, so no manual adapter setup is needed. Set the build command to next build and publish directory to .next in netlify.toml.

Does Next.js ISR work on Netlify?▼

Yes, ISR works on Netlify using the CDN cache with stale-while-revalidate. Pages with revalidate are cached and revalidated, and on-demand revalidation via revalidatePath or revalidateTag triggers a Netlify cache purge.

How do I handle client-side routing for a React SPA on Netlify?▼

Add a catch-all redirect in netlify.toml mapping all paths to /index.html with status 200. This lets React Router handle routing while Netlify serves the SPA entry point for every URL.

Why do environment variables not work in my Vite React app on Netlify?▼

Client-side code in Vite only exposes variables prefixed with VITE_, accessed via import.meta.env.VITE_VAR. Server-side code can use process.env.VAR or Netlify.env.get("VAR") without a prefix.

Do I need netlify dev for local development with TanStack Start?▼

No, the @netlify/vite-plugin-tanstack-start plugin emulates the full Netlify platform inside vite dev, including Functions, Blobs, Cache API, and environment variables. Note that CLI deploys require netlify-cli 17.31 or later.

Related Skills

Explore More Software Engineering Skills→
MichaelFriezeMichaelFrieze

netlify-frameworks

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

Community
Intermediate
WhaleylawWhaleylaw

netlify-mcp-specialist

Automate Netlify MCP deployments and diagnose build and function failures.

Community
Advanced
etylsarinetylsarin
59

netlify-deployment

Automate Netlify deployments and configure netlify.toml build settings.

Community
Intermediate
MANR255926MANR255926

netlify-deployment

Implements Netlify serverless functions, edge functions, blobs, and image CDN configurations.

Community
Advanced