Netlify Extension

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import YouTubeShortEmbed from '@site/src/components/YouTubeShortEmbed'; import GooseDesktopInstaller from '@site/src/components/GooseDesktopInstaller'; import CLIExtensionInstructions from '@site/src/components/CLIExtensionInstructions';

This tutorial covers how to add the Netlify MCP Server as a goose extension to build, deploy, and manage Netlify sites.

:::tip Quick Install <Tabs groupId="interface"> <TabItem value="ui" label="goose Desktop" default> Launch the installer </TabItem> <TabItem value="cli" label="goose CLI"> Command

npx -y @netlify/mcp

Configuration

Make sure that you are signed in to your Netlify account:

netlify login

Add Netlify MCP Server

:::info Note that you'll need Node.js installed on your system to run this command, as it uses npx. :::

Example Usage

In this example, I’ll show you how to use goose with the Netlify Extension to deploy a web application.

goose Prompt

Can you deploy my app to Netlify via my GitHub repo?

goose Output

:::note CLI

─── netlify-user-services | netlify ──────────────────────────

selectSchema: 

        operation: get-user 

        params:

Great! I can see you're logged into Netlify with your GitHub account connected. Now let me create a new Netlify site and deploy your tic-tac-toe app from your GitHub repository.

─── netlify-project-services | netlify ──────────────────────────

selectSchema:

        operation: create-new-project

        params:

                name: tic-tac-toe-game

Let me try a different name for the project:

─── netlify-project-services | netlify ──────────────────────────

selectSchema:

        operation: create-new-project

        params:

                name: janedoe-tic-tac-toe

Perfect! I've created a new Netlify site called "janedoe-tic-tac-toe". Now I need to deploy your code from the GitHub repository. Let me deploy the site:

─── netlify-deploy-services | netlify ──────────────────────────

selectSchema:

        operation: deploy-site

        params:

                deployDirectory: /Users/janedoe/Development/tic-tac-toe

                siteId: 1731e49e-1d0a-49a3-ad95-975b550f324a

Let me check the deployment status and get the live URL for your site:

─── netlify-project-services | netlify ──────────────────────────

selectSchema:

        operation: get-project

        params:

                siteId: 1731e49e-1d0a-49a3-ad95-975b550f324a

🎉 Success! Your tic-tac-toe game has been deployed to Netlify!

Deployment Details:

• Live Site URL: http://janedoe-tic-tac-toe.netlify.app
• Netlify Project Dashboard: https://app.netlify.com/projects/janedoe-tic-tac-toe
• Site ID: 1731e49e-1d0a-49a3-ad95-975b550f324a

What was deployed:

✅ HTML: Your main game interface

✅ CSS: Modern styling with animations and responsive design

✅ JavaScript: Complete game logic and interactivity

✅ README: Project documentation

Next Steps:

1. Visit your live site: http://janedoe-tic-tac-toe.netlify.app
2. Test the game: Make sure everything works as expected
3. Share with others: Your game is now live on the web!

Future Updates:

Since your code is deployed from your local directory, if you want to make changes:

1. Update your local files
2. Push changes to your GitHub repository
3. You can either:
   • Redeploy manually using the same command
   • Set up continuous deployment from GitHub (which would auto-deploy when you push changes)

Would you like me to help you set up continuous deployment from your GitHub repository so that future changes are automatically deployed?

Your tic-tac-toe game is now live and ready to play! 🎮