netlify-deploy
Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.
Install
npx skills add https://github.com/openai/skills/tree/main/skills/.curated/netlify-deploy
claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install openai-skills@llmmart
git clone https://github.com/openai/skills.git
The skills CLI installs just this skill, for any of its supported agents. Claude Code installs the whole openai/skills collection as a plugin from our marketplace. Git is the plain clone.
Skill manifest
Netlify Deployment Skill
Deploy web projects to Netlify using the Netlify CLI with intelligent detection of project configuration and deployment context.
Overview
This skill automates Netlify deployments by:
- Verifying Netlify CLI authentication
- Detecting project configuration and framework
- Linking to existing sites or creating new ones
- Deploying to production or preview environments
Prerequisites
- Netlify CLI: Installed via npx (no global install required)
- Authentication: Netlify account with active login session
- Project: Valid web project in current directory
- When sandboxing blocks the deployment network calls, rerun with
sandbox_permissions=require_escalated. - The deployment might take a few minutes. Use appropriate timeout values.
Authentication Pattern
The skill uses the pre-authenticated Netlify CLI approach:
- Check authentication status with
npx netlify status - If not authenticated, guide user through
npx netlify login - Fail gracefully if authentication cannot be established
Authentication uses either:
- Browser-based OAuth (primary):
netlify loginopens browser for authentication - API Key (alternative): Set
NETLIFY_AUTH_TOKENenvironment variable
Workflow
1. Verify Netlify CLI Authentication
Check if the user is logged into Netlify:
npx netlify status
Expected output patterns:
- ✅ Authenticated: Shows logged-in user email and site link status
- ❌ Not authenticated: "Not logged into any site" or authentication error
If not authenticated, guide the user:
npx netlify login
This opens a browser window for OAuth authentication. Wait for user to complete login, then verify with netlify status again.
Alternative: API Key authentication
If browser authentication isn't available, users can set:
export NETLIFY_AUTH_TOKEN=your_token_here
Tokens can be generated at: https://app.netlify.com/user/applications#personal-access-tokens
2. Detect Site Link Status
From netlify status output, determine:
- Linked: Site already connected to Netlify (shows site name/URL)
- Not linked: Need to link or create site
3. Link to Existing Site or Create New
If already linked → Skip to step 4
If not linked, attempt to link by Git remote:
# Check if project is Git-based
git remote show origin
# If Git-based, extract remote URL
# Format: https://github.com/username/repo or git@github.com:username/repo.git
# Try to link by Git remote
npx netlify link --git-remote-url <REMOTE_URL>
If link fails (site doesn't exist on Netlify):
# Create new site interactively
npx netlify init
This guides user through:
- Choosing team/account
- Setting site name
- Configuring build settings
- Creating netlify.toml if needed
4. Verify Dependencies
Before deploying, ensure project dependencies are installed:
# For npm projects
npm install
# For other package managers, detect and use appropriate command
# yarn install, pnpm install, etc.
5. Deploy to Netlify
Choose deployment type based on context:
Preview/Draft Deploy (default for existing sites):
npx netlify deploy
This creates a deploy preview with a unique URL for testing.
Production Deploy (for new sites or explicit production deployments):
npx netlify deploy --prod
This deploys to the live production URL.
Deployment process:
- CLI detects build settings (from netlify.toml or prompts user)
- Builds the project locally
- Uploads built assets to Netlify
- Returns deployment URL
6. Report Results
After deployment, report to user:
- Deploy URL: Unique URL for this deployment
- Site URL: Production URL (if production deploy)
- Deploy logs: Link to Netlify dashboard for logs
- Next steps: Suggest
netlify opento view site or dashboard
Handling netlify.toml
If a netlify.toml file exists, the CLI uses it automatically. If not, the CLI will prompt for:
- Build command: e.g.,
npm run build,next build - Publish directory: e.g.,
dist,build,.next
Common framework defaults:
- Next.js: build command
npm run build, publish.next - React (Vite): build command
npm run build, publishdist - Static HTML: no build command, publish current directory
The skill should detect framework from package.json if possible and suggest appropriate settings.
Example Full Workflow
# 1. Check authentication
npx netlify status
# If not authenticated:
npx netlify login
# 2. Link site (if needed)
# Try Git-based linking first
git remote show origin
npx netlify link --git-remote-url https://github.com/user/repo
# If no site exists, create new one:
npx netlify init
# 3. Install dependencies
npm install
# 4. Deploy (preview for testing)
npx netlify deploy
# 5. Deploy to production (when ready)
npx netlify deploy --prod
Error Handling
Common issues and solutions:
"Not logged in"
→ Run npx netlify login
"No site linked"
→ Run npx netlify link or npx netlify init
"Build failed" → Check build command and publish directory in netlify.toml or CLI prompts → Verify dependencies are installed → Review build logs for specific errors
"Publish directory not found" → Verify build command ran successfully → Check publish directory path is correct
Troubleshooting
Escalated Network Access
If deployment fails due to network issues (timeouts, DNS errors, connection resets), rerun the deploy with escalated permissions (use sandbox_permissions=require_escalated). The deploy requires escalated network access when sandbox networking blocks outbound requests.
Example guidance to the user:
The deploy needs escalated network access to deploy to Netlify. I can rerun the command with escalated permissions—want me to proceed?
Environment Variables
For secrets and configuration:
- Never commit secrets to Git
- Set in Netlify dashboard: Site Settings → Environment Variables
- Access in builds via
process.env.VARIABLE_NAME
Tips
- Use
netlify deploy(no--prod) first to test before production - Run
netlify opento view site in Netlify dashboard - Run
netlify logsto view function logs (if using Netlify Functions) - Use
netlify devfor local development with Netlify Functions
Reference
- Netlify CLI Docs: https://docs.netlify.com/cli/get-started/
- netlify.toml Reference: https://docs.netlify.com/configure-builds/file-based-configuration/
Bundled References (Load As Needed)
Files (skills)
-
agents
-
openai.yaml 318 B
interface: display_name: "Netlify Deploy" short_description: "Deploy web projects to Netlify with the Netlify CLI" icon_small: "./assets/netlify-small.svg" icon_large: "./assets/netlify.png" default_prompt: "Deploy this project to Netlify and return the preview URL, build settings, and any required fixes."
-
-
assets
-
netlify-small.svg 1.3 KB · in bundle
-
netlify.png 933 B · in bundle
-
-
references
-
cli-commands.md 2.6 KB
# Netlify CLI Commands Reference Quick reference for common Netlify CLI commands used in deployments. ## Authentication ```bash # Login via browser OAuth npx netlify login # Check authentication status and site link npx netlify status # Logout npx netlify logout ``` ## Site Management ```bash # Link current directory to existing site npx netlify link # Link by Git remote URL npx netlify link --git-remote-url <url> # Create and link new site npx netlify init # Unlink from current site npx netlify unlink # Open site in Netlify dashboard npx netlify open # Open site admin panel npx netlify open:admin # Open site in browser npx netlify open:site ``` ## Deployment ```bash # Deploy preview/draft (safe for testing) npx netlify deploy # Deploy to production npx netlify deploy --prod # Deploy with specific directory npx netlify deploy --dir=dist # Deploy with message npx netlify deploy --message="Deploy message" # List all deploys npx netlify deploy:list ``` ## Development ```bash # Run local dev server with Netlify features npx netlify dev # Run local dev server on specific port npx netlify dev --port 3000 ``` ## Site Information ```bash # Get site info npx netlify sites:list # Get current site info npx netlify api getSite --data '{"site_id": "YOUR_SITE_ID"}' ``` ## Environment Variables ```bash # List environment variables npx netlify env:list # Set environment variable npx netlify env:set KEY value # Get environment variable value npx netlify env:get KEY # Import env vars from file npx netlify env:import .env ``` ## Build ```bash # Show build settings npx netlify build --dry # Run build locally npx netlify build ``` ## Functions (Serverless) ```bash # List functions npx netlify functions:list # Invoke function locally npx netlify functions:invoke FUNCTION_NAME # Create new function npx netlify functions:create FUNCTION_NAME ``` ## Logs ```bash # Stream function logs npx netlify logs # View logs for specific function npx netlify logs:function FUNCTION_NAME ``` ## Troubleshooting Commands ```bash # Check CLI version npx netlify --version # Get help for any command npx netlify help [command] # Check status with verbose output npx netlify status --verbose ``` ## Exit Codes - `0` - Success - `1` - General error - `2` - Authentication error - `3` - Site not found - `4` - Build failed ## Common Flags - `--json` - Output as JSON - `--silent` - Suppress output - `--debug` - Show debug information - `--force` - Skip confirmation prompts ## Resources - Full CLI documentation: https://docs.netlify.com/cli/get-started/ - CLI GitHub repository: https://github.com/netlify/cli -
deployment-patterns.md 6.5 KB
# Netlify Deployment Patterns Common deployment scenarios and best practices for the Netlify skill. ## Deployment Decision Tree ``` Is user authenticated? ├─ No → Run `netlify login` └─ Yes → Is site linked? ├─ No → Is it a Git repo? │ ├─ Yes → Try `netlify link --git-remote-url` │ │ ├─ Success → Continue to deploy │ │ └─ Fail → Run `netlify init` │ └─ No → Run `netlify init` └─ Yes → Is this first deploy or existing site? ├─ First deploy/new site → `netlify deploy --prod` └─ Existing site → `netlify deploy` (preview) ``` ## Scenario 1: First-Time Deployment (New Project) **Context**: User has a project that has never been deployed to Netlify. **Steps**: 1. Check authentication: `npx netlify status` 2. If not authenticated: `npx netlify login` 3. Initialize new site: `npx netlify init` - This guides user through setup - Creates netlify.toml if needed 4. Install dependencies: `npm install` 5. Deploy to production: `npx netlify deploy --prod` **Example**: ```bash npx netlify status # Not linked to a site npx netlify login # Opens browser for authentication npx netlify init # Walks through site creation npm install npx netlify deploy --prod ``` ## Scenario 2: Linking Existing Git Repository to Existing Site **Context**: User has a site already on Netlify and wants to link their local repo. **Steps**: 1. Check authentication: `npx netlify status` 2. Get Git remote: `git remote show origin` 3. Extract URL (e.g., `https://github.com/user/repo.git`) 4. Link by remote: `npx netlify link --git-remote-url <URL>` 5. If found, linked. If not, run `netlify init` **Example**: ```bash git remote show origin # * remote origin # Fetch URL: https://github.com/user/my-app.git npx netlify link --git-remote-url https://github.com/user/my-app.git # Site linked successfully ``` ## Scenario 3: Preview Deployment (Testing Changes) **Context**: User wants to test changes before pushing to production. **Steps**: 1. Ensure site is linked: `npx netlify status` 2. Make code changes 3. Deploy preview: `npx netlify deploy` 4. Review preview URL 5. If approved, deploy to prod: `npx netlify deploy --prod` **Example**: ```bash # Make changes to code npx netlify deploy # Draft deploy URL: https://507f1f77bcf86cd799439011-my-app.netlify.app # Test the preview, then: npx netlify deploy --prod ``` ## Scenario 4: Framework-Specific Deployments ### Next.js ```bash # Next.js typically uses .next as output npx netlify deploy --prod # netlify.toml should have: # [build] # command = "npm run build" # publish = ".next" ``` ### React (Vite) ```bash # Vite outputs to dist by default npm run build npx netlify deploy --dir=dist --prod # netlify.toml: # [build] # command = "npm run build" # publish = "dist" ``` ### Static HTML ```bash # No build step needed npx netlify deploy --dir=. --prod ``` ## Scenario 5: Monorepo Deployment **Context**: Project is in a subdirectory of a monorepo. **Steps**: 1. Navigate to project subdirectory: `cd packages/frontend` 2. Or set base in netlify.toml: ```toml [build] base = "packages/frontend" command = "npm run build" publish = "dist" ``` 3. Deploy normally: `npx netlify deploy --prod` ## Scenario 6: Environment Variables **Context**: Project needs secrets or environment-specific config. **Steps**: 1. Never commit secrets to Git 2. Set in Netlify dashboard or CLI: ```bash npx netlify env:set API_KEY "secret_value" npx netlify env:set NODE_ENV "production" ``` 3. Access in code: `process.env.API_KEY` 4. Deploy: `npx netlify deploy --prod` ## Scenario 7: Custom Domain Setup **Context**: User wants to use a custom domain. **Steps**: 1. Deploy site first: `npx netlify deploy --prod` 2. Add domain via dashboard or CLI: ```bash npx netlify open:admin # Navigate to Domain settings ``` 3. Update DNS records as instructed by Netlify 4. Wait for DNS propagation (can take up to 48 hours) ## Best Practices ### 1. Always Preview First ```bash # Deploy preview npx netlify deploy # Test thoroughly # Then deploy to production npx netlify deploy --prod ``` ### 2. Use netlify.toml for Consistency Create a `netlify.toml` file in your repo root: ```toml [build] command = "npm run build" publish = "dist" [[redirects]] from = "/*" to = "/index.html" status = 200 ``` This ensures consistent builds across all deployments. ### 3. Framework Detection Let Netlify auto-detect when possible. Only specify build settings if: - Netlify can't detect your framework - You need custom build commands - Your project has a non-standard structure ### 4. Dependency Installation Always ensure dependencies are installed before deploying: ```bash npm install # or yarn install, pnpm install npx netlify deploy ``` ### 5. Build Locally First Test builds locally before deploying: ```bash npm run build # Check that build output exists npx netlify deploy --dir=dist ``` ### 6. Use Deploy Messages Add context to deployments: ```bash npx netlify deploy --prod --message="Fix login bug" ``` ## Error Recovery Patterns ### "Publish directory not found" **Cause**: Build command didn't create expected output directory. **Fix**: 1. Run build locally: `npm run build` 2. Check output directory name 3. Update netlify.toml or CLI prompts with correct path ### "Command failed with exit code 1" **Cause**: Build command failed. **Fix**: 1. Check build logs for specific error 2. Run build locally to reproduce: `npm run build` 3. Fix the build error 4. Deploy again ### "Not logged in" **Cause**: Authentication token expired or missing. **Fix**: ```bash npx netlify logout npx netlify login ``` ### "No site linked" **Cause**: Project not connected to a Netlify site. **Fix**: ```bash # Try linking to existing site npx netlify link # Or create new site npx netlify init ``` ## Performance Tips 1. **Enable processing** in netlify.toml for auto-optimization: ```toml [build.processing.css] bundle = true minify = true ``` 2. **Use caching headers** for static assets: ```toml [[headers]] for = "/assets/*" [headers.values] Cache-Control = "public, max-age=31536000, immutable" ``` 3. **Optimize images** before deploying or use Netlify Image CDN 4. **Use Netlify Functions** for serverless backend (avoid external API calls when possible) ## Resources - Netlify CLI Documentation: https://docs.netlify.com/cli/get-started/ - Framework Integration Guides: https://docs.netlify.com/frameworks/ - Build Configuration: https://docs.netlify.com/configure-builds/ -
netlify-toml.md 3.9 KB
# netlify.toml Configuration Reference Configuration file for Netlify builds and deployments. ## Basic Structure ```toml [build] command = "npm run build" publish = "dist" ``` ## Build Settings ### Common Configuration ```toml [build] # Command to build your site command = "npm run build" # Directory to publish (relative to repo root) publish = "dist" # Functions directory functions = "netlify/functions" # Base directory (if not repo root) base = "packages/frontend" # Ignore builds for specific conditions ignore = "git diff --quiet HEAD^ HEAD package.json" ``` ## Environment Variables ```toml [build.environment] NODE_VERSION = "18" NPM_FLAGS = "--prefix=/dev/null" [context.production.environment] NODE_ENV = "production" ``` ## Framework Detection Netlify auto-detects frameworks, but you can override: ### Next.js ```toml [build] command = "npm run build" publish = ".next" ``` ### React (Vite) ```toml [build] command = "npm run build" publish = "dist" ``` ### Vue ```toml [build] command = "npm run build" publish = "dist" ``` ### Astro ```toml [build] command = "npm run build" publish = "dist" ``` ### SvelteKit ```toml [build] command = "npm run build" publish = "build" ``` ## Redirects and Rewrites ```toml [[redirects]] from = "/old-path" to = "/new-path" status = 301 [[redirects]] from = "/api/*" to = "https://api.example.com/:splat" status = 200 # SPA fallback (for client-side routing) [[redirects]] from = "/*" to = "/index.html" status = 200 ``` ## Headers ```toml [[headers]] for = "/*" [headers.values] X-Frame-Options = "DENY" X-XSS-Protection = "1; mode=block" Content-Security-Policy = "default-src 'self'" [[headers]] for = "/assets/*" [headers.values] Cache-Control = "public, max-age=31536000, immutable" ``` ## Context-Specific Configuration Deploy different settings per context: ```toml # Production [context.production] command = "npm run build:prod" [context.production.environment] NODE_ENV = "production" # Deploy previews [context.deploy-preview] command = "npm run build:preview" # Branch deploys [context.branch-deploy] command = "npm run build:staging" # Specific branch [context.staging] command = "npm run build:staging" ``` ## Functions Configuration ```toml [functions] directory = "netlify/functions" node_bundler = "esbuild" [[functions]] path = "/api/*" function = "api" ``` ## Build Plugins ```toml [[plugins]] package = "@netlify/plugin-lighthouse" [plugins.inputs] output_path = "reports/lighthouse.html" [[plugins]] package = "netlify-plugin-submit-sitemap" [plugins.inputs] baseUrl = "https://example.com" sitemapPath = "/sitemap.xml" ``` ## Edge Functions ```toml [[edge_functions]] function = "geolocation" path = "/api/location" ``` ## Processing ```toml [build.processing] skip_processing = false [build.processing.css] bundle = true minify = true [build.processing.js] bundle = true minify = true [build.processing.html] pretty_urls = true [build.processing.images] compress = true ``` ## Common Patterns ### Single Page Application (SPA) ```toml [build] command = "npm run build" publish = "dist" [[redirects]] from = "/*" to = "/index.html" status = 200 ``` ### Monorepo with Base Directory ```toml [build] base = "packages/web" command = "npm run build" publish = "dist" ``` ### Multiple Redirects with Country-Based Routing ```toml [[redirects]] from = "/" to = "/uk" status = 302 conditions = {Country = ["GB"]} [[redirects]] from = "/" to = "/us" status = 302 conditions = {Country = ["US"]} ``` ## Validation Validate your netlify.toml: ```bash npx netlify build --dry ``` ## Resources - Full configuration reference: https://docs.netlify.com/configure-builds/file-based-configuration/ - Framework-specific guides: https://docs.netlify.com/frameworks/
-
-
LICENSE.txt 10.5 KB
Apache License Version 2.0, January 2004 http://www.apache.org/licenses/ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 1. Definitions. "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity. "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below). "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution." "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed. 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and (b) You must cause any modified files to carry prominent notices stating that You changed the files; and (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions. 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file. 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License. 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages. 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability. END OF TERMS AND CONDITIONS APPENDIX: How to apply the Apache License to your work. To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by brackets "[]" replaced with your own identifying information. (Don\'t include the brackets!) The text should be enclosed in the appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose be included on the same "printed page" as the copyright notice for easier identification within third-party archives. Copyright [yyyy] [name of copyright owner] Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. -
SKILL.md 6.8 KB
--- name: netlify-deploy description: Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys. --- # Netlify Deployment Skill Deploy web projects to Netlify using the Netlify CLI with intelligent detection of project configuration and deployment context. ## Overview This skill automates Netlify deployments by: - Verifying Netlify CLI authentication - Detecting project configuration and framework - Linking to existing sites or creating new ones - Deploying to production or preview environments ## Prerequisites - **Netlify CLI**: Installed via npx (no global install required) - **Authentication**: Netlify account with active login session - **Project**: Valid web project in current directory - When sandboxing blocks the deployment network calls, rerun with `sandbox_permissions=require_escalated`. - The deployment might take a few minutes. Use appropriate timeout values. ## Authentication Pattern The skill uses the **pre-authenticated Netlify CLI** approach: 1. Check authentication status with `npx netlify status` 2. If not authenticated, guide user through `npx netlify login` 3. Fail gracefully if authentication cannot be established Authentication uses either: - **Browser-based OAuth** (primary): `netlify login` opens browser for authentication - **API Key** (alternative): Set `NETLIFY_AUTH_TOKEN` environment variable ## Workflow ### 1. Verify Netlify CLI Authentication Check if the user is logged into Netlify: ```bash npx netlify status ``` **Expected output patterns**: - ✅ Authenticated: Shows logged-in user email and site link status - ❌ Not authenticated: "Not logged into any site" or authentication error **If not authenticated**, guide the user: ```bash npx netlify login ``` This opens a browser window for OAuth authentication. Wait for user to complete login, then verify with `netlify status` again. **Alternative: API Key authentication** If browser authentication isn't available, users can set: ```bash export NETLIFY_AUTH_TOKEN=your_token_here ``` Tokens can be generated at: https://app.netlify.com/user/applications#personal-access-tokens ### 2. Detect Site Link Status From `netlify status` output, determine: - **Linked**: Site already connected to Netlify (shows site name/URL) - **Not linked**: Need to link or create site ### 3. Link to Existing Site or Create New **If already linked** → Skip to step 4 **If not linked**, attempt to link by Git remote: ```bash # Check if project is Git-based git remote show origin # If Git-based, extract remote URL # Format: https://github.com/username/repo or git@github.com:username/repo.git # Try to link by Git remote npx netlify link --git-remote-url <REMOTE_URL> ``` **If link fails** (site doesn't exist on Netlify): ```bash # Create new site interactively npx netlify init ``` This guides user through: 1. Choosing team/account 2. Setting site name 3. Configuring build settings 4. Creating netlify.toml if needed ### 4. Verify Dependencies Before deploying, ensure project dependencies are installed: ```bash # For npm projects npm install # For other package managers, detect and use appropriate command # yarn install, pnpm install, etc. ``` ### 5. Deploy to Netlify Choose deployment type based on context: **Preview/Draft Deploy** (default for existing sites): ```bash npx netlify deploy ``` This creates a deploy preview with a unique URL for testing. **Production Deploy** (for new sites or explicit production deployments): ```bash npx netlify deploy --prod ``` This deploys to the live production URL. **Deployment process**: 1. CLI detects build settings (from netlify.toml or prompts user) 2. Builds the project locally 3. Uploads built assets to Netlify 4. Returns deployment URL ### 6. Report Results After deployment, report to user: - **Deploy URL**: Unique URL for this deployment - **Site URL**: Production URL (if production deploy) - **Deploy logs**: Link to Netlify dashboard for logs - **Next steps**: Suggest `netlify open` to view site or dashboard ## Handling netlify.toml If a `netlify.toml` file exists, the CLI uses it automatically. If not, the CLI will prompt for: - **Build command**: e.g., `npm run build`, `next build` - **Publish directory**: e.g., `dist`, `build`, `.next` Common framework defaults: - **Next.js**: build command `npm run build`, publish `.next` - **React (Vite)**: build command `npm run build`, publish `dist` - **Static HTML**: no build command, publish current directory The skill should detect framework from `package.json` if possible and suggest appropriate settings. ## Example Full Workflow ```bash # 1. Check authentication npx netlify status # If not authenticated: npx netlify login # 2. Link site (if needed) # Try Git-based linking first git remote show origin npx netlify link --git-remote-url https://github.com/user/repo # If no site exists, create new one: npx netlify init # 3. Install dependencies npm install # 4. Deploy (preview for testing) npx netlify deploy # 5. Deploy to production (when ready) npx netlify deploy --prod ``` ## Error Handling Common issues and solutions: **"Not logged in"** → Run `npx netlify login` **"No site linked"** → Run `npx netlify link` or `npx netlify init` **"Build failed"** → Check build command and publish directory in netlify.toml or CLI prompts → Verify dependencies are installed → Review build logs for specific errors **"Publish directory not found"** → Verify build command ran successfully → Check publish directory path is correct ## Troubleshooting ### Escalated Network Access If deployment fails due to network issues (timeouts, DNS errors, connection resets), rerun the deploy with escalated permissions (use `sandbox_permissions=require_escalated`). The deploy requires escalated network access when sandbox networking blocks outbound requests. Example guidance to the user: ``` The deploy needs escalated network access to deploy to Netlify. I can rerun the command with escalated permissions—want me to proceed? ``` ## Environment Variables For secrets and configuration: 1. Never commit secrets to Git 2. Set in Netlify dashboard: Site Settings → Environment Variables 3. Access in builds via `process.env.VARIABLE_NAME` ## Tips - Use `netlify deploy` (no `--prod`) first to test before production - Run `netlify open` to view site in Netlify dashboard - Run `netlify logs` to view function logs (if using Netlify Functions) - Use `netlify dev` for local development with Netlify Functions ## Reference - Netlify CLI Docs: https://docs.netlify.com/cli/get-started/ - netlify.toml Reference: https://docs.netlify.com/configure-builds/file-based-configuration/ ## Bundled References (Load As Needed) - [CLI commands](references/cli-commands.md) - [Deployment patterns](references/deployment-patterns.md) - [netlify.toml guide](references/netlify-toml.md)
Comments (0)
Sign in to join the conversation.
Reviews (0)
No reviews yet.
No comments yet.