Build with AI or code, deploy instantly. One platform with everything you need to make real apps live.
From vibe coding your first app to serving millions of users, Netlify handles the infrastructure so you can focus on building. No DevOps required. No complex setup. No surprise bills when you scale.
Get your app live. Deploy from Bolt, Cursor, GitHub, or anywhere you build. Every change gets a shareable preview link.
Everything your app needs in one place. Create APIs, save images, store data without juggling a ton of services.
From first user to first million, without worry. Your app handles viral moments automatically. No crashes, no replatforming, just growth.
Build APIs, store files, manage data, control performance. No backend setup required—just build and deploy.
Call OpenAI, Anthropic, or Gemini directly from your code without juggling keys or accounts. Every request is routed through one gateway, with usage tracking and safeguards included.
import OpenAI from "openai";
export default async (req: Request) => {
if (req.method !== "POST") {
return new Response("Method not allowed", { status: 405 });
}
try {
const { description } = await req.json();
if (!description) {
return new Response("Missing description", { status: 400 });
}
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 });
} catch {
return new Response("Server error", { status: 500 });
}
};
export const config = {
path: "/api/alt-text",
};Deploy server-side code that works as API endpoints, runs automatically in response to events, or processes more complex jobs in the background.
import type { Context, Config } from "@netlify/functions";
export default async (req: Request, context: Context) => {
if (req.method !== "POST") return new Response("Method not allowed", { status: 405 });
try {
const { name, email, message } = await req.json();
if (!name || !email || !message) return new Response("Missing fields", { status: 400 });
// Mock email API
await fetch("https://api.emailservice.com/send", {
method: "POST",
headers: { "Authorization": `Bearer ${Netlify.env.get("EMAIL_API_KEY")}`, "Content-Type": "application/json" },
body: JSON.stringify({ to: "test@example.com", subject: `Hello world`, text: `Hello ${name}` })
});
return Response.json({ success: true });
} catch {
return new Response("Server error", { status: 500 });
}
};Instantly provision a production-grade database with Netlify DB or use Blobs as a simple key/value store or lightweight database.
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");
};<!-- Resize an image to 200x200 pixels -->
<img src="/.netlify/images?url=/photo.jpg&w=200&h=200"
alt="Resized and cached image"><form name="contact" method="POST" data-netlify="true">
<p>
<label>Your name: <input type="text" name="name" /></label>
</p>
<p>
<label>Your email: <input type="email" name="email" /></label>
</p>
<p>
<label>Your job title: <input type="text" name="title" /></label>
</p>
<p>
<label>Message: <textarea name="message"></textarea></label>
</p>
<p>
<button type="submit">Send</button>
</p>
</form>Join millions of developers and teams bringing their ideas online.