Netlify Frameworks

Skill Verified Active

Guide for deploying web frameworks on Netlify. Use when setting up a framework project (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) for Netlify deployment, configuring adapters or plugins, or troubleshooting framework-specific Netlify integration. Covers what Netlify needs from each framework and how adapters handle server-side rendering.

Purpose

To guide users in successfully setting up and deploying modern web frameworks on Netlify by providing framework-specific integration details and best practices.

Features

Framework detection guidance
Explanation of adapter functionality
Configuration for SPA routing and custom 404 pages
Environment variable handling for client and server code
Specific integration patterns for Vite, Astro, TanStack Start, and Next.js

Use Cases

Setting up a new framework project for Netlify deployment
Configuring adapters or plugins for framework-specific Netlify integration
Troubleshooting framework integration issues on Netlify
Understanding how server-side rendering and API routes are handled on Netlify

Non-Goals

Providing direct Netlify Function code
Acting as a general web development tutorial
Covering deployment to platforms other than Netlify

Workflow

Identify framework using configuration files
Follow framework-specific setup and adapter instructions
Implement general Netlify deployment patterns (routing, 404s, env vars)
Configure build command and publish directory in netlify.toml
Deploy project to Netlify

Practices

Framework deployment
Netlify integration
Server-side rendering

Installation

First, add the marketplace

/plugin marketplace add netlify/context-and-tools

/plugin install context-and-tools@netlify-context-and-tools

Quality Score

Verified

98 /100

Analyzed about 17 hours ago

Trust Signals

Last commit6 days ago

GitHub owner netlify

Stars17

LicenseMIT

Status

View Source

Similar Extensions

Web Performance Optimization

Optimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques

Skill

bobmatnyc

Env Manager

Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications

Skill

bobmatnyc

Firebase App Hosting Basics

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

Skill

firebase

Better Auth Integrations

Better Auth framework integrations for TypeScript. Use when wiring route handlers in Next.js, SvelteKit, Remix, Express, Hono, or other web frameworks.

Skill

bobmatnyc

Vue Expert

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

Skill

jeffallan

Containerize MCP Server

100

Containerize an R-based MCP (Model Context Protocol) server using Docker. Covers mcptools integration, port exposure, stdio vs HTTP transport, and connecting Claude Code to the containerized server. Use when deploying an R MCP server without requiring a local R installation, creating a reproducible MCP server environment, running MCP servers alongside other containerized services, or distributing an MCP server to other developers.

Skill

pjt222