Skills
.Work. You
Rest

netlify-frameworks

Community

Deploy React and SSR apps on Netlify.

Software Engineering#edge functions#environment variables#netlify#client routing#framework deployment#ssr adapters#vite next astro
AuthorMichaelFrieze
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Netlify deployments often break for modern frameworks because SSR, routing, and build outputs require framework-specific integration rather than plain static hosting.

Core Features & Use Cases

  • Framework detection: Identify whether a project is Astro, Next.js, Nuxt, Vite/React, TanStack Start, or SvelteKit by checking config files.
  • Adapter-based SSR translation: Configure how server-side routes, API endpoints, redirects, and middleware are converted into Netlify Functions and Edge Functions during the build.
  • Routing and 404 handling: Apply SPA catch-all redirects and appropriate 404 strategies for static versus SSR frameworks.
  • Environment variable compatibility: Map framework-specific client prefixes (VITE_, PUBLIC_, NEXT_PUBLIC_, NUXT_PUBLIC_) and clarify server-side access patterns.

Quick Start

Use the netlify-frameworks guide to set up the correct Netlify adapter/plugin for your framework (for example, Vite with @netlify/vite-plugin or Next.js runtime) and configure SPA redirects or SSR 404 handling accordingly.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: netlify-frameworks
Download link: https://github.com/MichaelFrieze/riffatlas/archive/main.zip#netlify-frameworks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.