Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Every path runs on the same workflow and production infrastructure, powering millions of sites and apps.
Start with a prompt, push from Git, or drag and drop. All paths lead to the same project.
Connect APIs, manage data, optimize images, and add AI features from your first prompt.
Ship to a global CDN in seconds. Fast for every user, instantly.
Prompt from the dashboard, develop locally, or push from Git. Every change gets a preview URL before it's live.
Add APIs, run logic at the edge, schedule jobs, and handle background work on production infrastructure.
From your first deploy to global traffic, the same infrastructure supports your growth as you scale.
I can push a change, and within 30 seconds the site is completely rebuilt.
Build everything from marketing sites to AI apps on one platform.
Prototype, test, and scale AI-powered experiences faster. Product teams can iterate with agents while engineers productionize on the same platform.
import OpenAI from "openai";
export default async (req: Request) => {
const { description } = await req.json();
const client = new OpenAI();
const res = await client.responses.create({
model: "gpt-5-mini",
input: [
{ role: "user", content: `Write concise alt text for: ${description}` },
],
});
return Response.json({ altText: res.output_text });
};
export const config = { path: "/api/alt-text" };Run campaigns quickly, test changes safely, and let marketers and designers contribute directly with agents.
<!-- Resize an image to 800px wide -->
<img src="/.netlify/images?url=/hero.jpg&w=800"
alt="Optimized hero image">
<!-- Collect leads with zero config -->
<form name="waitlist" method="POST" data-netlify="true">
<label>Email: <input type="email" name="email" /></label>
<button type="submit">Join waitlist</button>
</form>Prototype features quickly with agents and move them into production-ready code as you scale.
import { getStore } from "@netlify/blobs";
import type { Context } from "@netlify/functions";
import { v4 as uuid } from "uuid";
export default async (req: Request, context: Context) => {
// Accessing the request as `multipart/form-data`.
const form = await req.formData();
const file = form.get("file") as File;
// Generating a unique key for the entry.
const key = uuid();
const uploads = getStore("file-uploads");
await uploads.set(key, file, {
metadata: { country: context.geo.country.name }
});
return new Response("Submission saved");
};Test new experiences quickly and let teams iterate safely across merchandising, design, and engineering.
export default async (req: Request) => {
const res = await fetch(Netlify.env.get("STORE_API_URL"), {
headers: {
Authorization: `Bearer ${Netlify.env.get("STORE_API_TOKEN")}`,
},
});
const { products } = await res.json();
return Response.json(
products.map((p) => ({
id: p.id,
title: p.title,
price: p.variants[0].price,
image: `/.netlify/images?url=${p.image}&w=400`,
}))
);
};
export const config = { path: "/api/products" };Build dashboards and workflow tools faster with contributions from ops, data, and product teams.
export default async (req: Request) => {
const { query } = await req.json();
const res = await fetch(Netlify.env.get("INTERNAL_API"), {
method: "POST",
headers: {
Authorization: `Bearer ${Netlify.env.get("INTERNAL_TOKEN")}`,
"Content-Type": "application/json",
},
body: JSON.stringify({ query }),
});
return new Response(res.body, {
headers: { "Content-Type": "application/json" },
});
};
export const config = { path: "/api/internal" };Choose the workflow that fits how you work.
npm i -g netlify-cli