惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
Jina AI
Jina AI
WordPress大学
WordPress大学
Recent Announcements
Recent Announcements
G
Google Developers Blog
I
InfoQ
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
P
Proofpoint News Feed
MyScale Blog
MyScale Blog
M
MIT News - Artificial intelligence
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
C
Check Point Blog
J
Java Code Geeks
T
Tailwind CSS Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Microsoft Security Blog
Microsoft Security Blog
MongoDB | Blog
MongoDB | Blog
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
量子位
A
About on SuperTechFans
D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

Netlify Developers

AI model comparison using Netlify's AI Gateway | Netlify Developers Build an AI agent to automatically process and summarize form submissions | Netlify Developers Build an AI agent to automatically generate relevant images for blog posts | Netlify Developers Prerendering SPA content pages to enable AI agent access | Netlify Developers Identify image optimization opportunities with Netlify Observability | Netlify Developers Fix top 404 page not found errors with Netlify Observability | Netlify Developers Introducing AI Gateway: built-in AI model access on Netlify | Netlify Developers Introducing Observability: your project insights on Netlify | Netlify Developers From first publish to first update with AI agents | Netlify Developers How to use Agent Runners on Netlify | Netlify Developers Add forms to your project with AI + Netlify | Netlify Developers Track Real User Metrics | Netlify Developers Lighthouse performance scores on Netlify | Netlify Developers Review your AI project before you ship | Netlify Developers Using environment variables in AI Projects on Netlify | Netlify Developers Build prototypes and MVPs fast with AI + Netlify | Netlify Developers Pause auto-publishing on Netlify | Netlify Developers Netlify Office Hours: The AX Arcade challenge | Netlify Developers Netlify Office Hours: Prompting with style | Netlify Developers Netlify Office Hours: RAG Apps with OpenAI + Netlify DB | Netlify Developers How to build a RAG application with Neon, Netlify & OpenAI | Netlify Developers Netlify Office Hours: Netlify DB (powered by Neon) | Netlify Developers Netlify Office Hours: Netlify MCP Server | Netlify Developers Netlify Office Hours: Netlify Vite Plugin | Netlify Developers Building MCPs with Netlify | Netlify Developers Deploying sites from your AI tool | Netlify Developers Adding your domain using Netlify API | Netlify Developers Build a context driven chat bot with Netlify Blob and OpenAI | Netlify Developers Simplify deployments with Netlify’s branch-matching environment variables | Netlify Developers Deploy a Lovable site to Netlify | Netlify Developers
Run serverless functions, storage, and more natively in N...
2025-07-15 · via Netlify Developers

The new @netlify/nuxt module brings the complete Netlify platform directly into your nuxt dev server: Functions, Edge Functions, Blobs, Image CDN, headers, redirects, environment variables… it all just works. This lets you (and agents) stay in the zone on your machine, without workarounds or additional tools.

#How this helps you

Following our Vite plugin announcement, we’re bringing the same seamless experience to Nuxt developers. But here’s where it gets interesting: this isn’t just about your local development convenience. It will also enable AI code agents to build fully-functional Netlify apps without needing to know about Netlify CLI or any other unique aspects of how you deploy your app to the web.

We’ve personally seen agents go off on a wild goose chase: “Hmm, it looks like the Blobs environment is not configured. Let me try another approach. I’ll temporarily replace the Blobs usage with a mock implementatio—” Ctrl-C Ctrl-C Ctrl-C. @netlify/nuxt fixes all that.

#Getting started with @netlify/nuxt

Add the @netlify/nuxt module to your Nuxt 3 or 4 app:

npx nuxi module add @netlify/nuxt

That’s it.

This is supposed to be a guide, but there’s only one step, so, uhh, we’ll tell you more about what this gets you and what to try next.

#What you get out of the box with @netlify/nuxt

#Netlify Functions

Drop a function in netlify/functions/hello.ts and it’s immediately available at /.netlify/functions/hello or your configured path. It just works in nuxt dev.

#Edge Functions

Same story for Edge Functions in netlify/edge-functions/. Full Deno runtime, geolocation, all the edge goodies running locally.

#Blobs

Need persistent storage? Netlify Blobs works locally with zero setup.

#Image CDN

Image transformations work locally exactly as they will in production. Resize, format conversion, quality optimization… no meme generation yet, sorry.

Your _headers and _redirects files and equivalent config in netlify.toml are parsed and applied in real time. No need to guess if that redirect rule will actually work.

#Environment variables

There are so many ways to configure environment variables on your Netlify project: on your team, on your project, in your netlify.toml scoped to a deploy context, in the UI scoped to just functions… They all just work in nuxt dev.

#How to power up your AI coding workflow

Here’s what’s game-changing: when you combine @netlify/nuxt with tools like Netlify MCP, AI code agents get a complete feedback loop. They can, say:

  1. Write an Edge Function
  2. Test it immediately in your dev server
  3. Debug based on real responses (psst: some can use Playwright to browse interactively)
  4. Iterate until it’s perfect

No deployment steps. No context switching. No “let me explain that you need to install and use Netlify CLI for Netlify Functions to work” conversations with your AI agent.

#Real-world example of using @netlify/nuxt

We’ve built a complete live Q&A application that demonstrates these capabilities in action. It was almost entirely written by Claude using Netlify MCP + @netlify/nuxt. The agent had full access to test Edge Functions, store data in Blobs, and iterate on the entire application—all without deploying or installing netlify dev.

Check out the demo: https://queue-and-eh.netlify.app/

This isn’t a toy example—it’s a production-ready application that can replace an actual SaaS solution Netlify was paying for to use in company-wide meetings. It implements real-time updates using Server-Sent Events (SSE) via Netlify Edge Functions and persistent storage with Netlify Blobs.

Deploy to Netlify

To see @netlify/nuxt in action, click the Deploy to Netlify button above, run npx netlify@latest clone <your created repo url>, follow the instructions, and run nuxt dev. Try adding an AI-generated cover image when a new event is created, optimized on the fly with Netlify Image CDN!

#👀 What’s next?

With the Vite Environment API in the works, the recently launched Netlify Vite plugin, and the Nitro team’s future vision for Nitro to become a Vite plugin and add environment-specific dev mode capabilities, there’s a a lot of exciting work on the horizon in the ecosystem.

You can expect to see even more seamless integration between Nuxt, Vite, and Netlify in the future.