ceb94b24dc
Co-authored-by: Douwe M Osinga <douwe@sidewalklabs.com>
5.7 KiB
| title | description |
|---|---|
| Netlify Extension | Add Netlify MCP Server as a goose 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 Launch the installer 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
Tool Calls
I'll help you deploy your tic-tac-toe app to Netlify from your GitHub repository. Let me first check your Netlify account and then set up the deployment.─── netlify-user-services | netlify ──────────────────────────
selectSchema: <br/>
operation: get-user <br/>
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:<br/>
operation: create-new-project<br/>
params:<br/>
name: tic-tac-toe-game
Let me try a different name for the project:
─── netlify-project-services | netlify ──────────────────────────
selectSchema:<br/>
operation: create-new-project<br/>
params:<br/>
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:<br/>
operation: deploy-site<br/>
params:<br/>
deployDirectory: /Users/janedoe/Development/tic-tac-toe<br/>
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:<br/>
operation: get-project<br/>
params:<br/>
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:
- Visit your live site: http://janedoe-tic-tac-toe.netlify.app
- Test the game: Make sure everything works as expected
- 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:
- Update your local files
- Push changes to your GitHub repository
- 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! 🎮