Explore the new Integrations Hub to quickly discover and connect 150+ integrations to Netlify! Explore Now!

One workflow. One platform.

Combine your favorite tools & APIs to build high performance sites, stores, and apps.

Connect

Make all your tools work better by connecting them to a single, powerful development workflow.

Integrations to connect the ecosystem of developer tools

Made for modern web development — a world of frameworks, tools, and data sources that all need to be united into one experience.

Get started for free
Any Framework
  • React
  • Next.js
  • Nuxt
  • Svelte
  • Remix
Any data source
  • Stripe
  • Salesforce
  • GitHub
  • Contentful
  • Sanity
Any tool
  • Datadog
  • Lighthouse
  • Cypress
  • Algolia
  • Snyk

# One-click build plugins

Add powerful capabilities from a directory of community plugins or create your own.

Use cases

Bring automated testing into your deploy process, enforce performance and accessibility standards, or kick off services such as search indexing after a deploy completes.

Lighthouse Install Install Cypress Install Cloudinary Plugins

# Netlify Graph

Build interactive and connected web applications faster.

Unite every service into a single API

Start using API services without spending time writing glue code, learning every API’s unique structure, or composing endless API endpoints to get data into your app.

Authentication is already written

Token management becomes a non-issue. Graph Authentication handles token refresh and scope management so your APIs stay connected over time.

1 1 2 3 4 5 6 7 8 9 10 11 12 13 Authentication Your library Explorer query getShippingInfo id: { { ( ) { { { } stripe customer shipping name address line1 line2 city postalCode state country $customerId Docs

# More ways to integrate

Netlify can connect to just about any service with an API.

Webhooks

Build on CMS changes or other events.

Build-time

Pull in data from APIs as your site builds.

Request-time

Pull in data from APIs during request time.

Build

Get started faster. Get feedback faster. Go live faster.

Everything you need for faster web development

Develop, review, and deploy web projects with the whole team using Netlify’s unified workflow.

Start building for free Explore High-Performance Build
bb1147f https://newstore-branch--www.jamjava.com Deploy preview for www ready! Built with commit netlify BOT commented 3 hours ago

# Netlify CLI

Spin up a project in seconds, configure your build, test serverless and edge functions, live stream your work, and deploy globally—all from your command line.

  • Laptop
    Run your projects on a local dev server
  • Lambda
    Locally test edge logic and serverless functions
  • Key
    Sync environment variables from your account
  • Link
    Stream and share your dev server with Netlify Live URLs

# Collaborative Deploy Previews

Share progress early and often with preview links created automatically for every deploy.

Every PR gets its own full preview

Netlify automatically builds a new Deploy Preview as a unique permanent URL for each Pull/Merge Request.

Gather feedback right from the browser

With no coding or setup, every preview enables reviewers to submit feedback complete with screenshots, videos, and annotations.

a website and the Netlify deploy preview taskbar with a GitHub comment saying “I absolutely love the UX improvement!

Feedback flows into your own tools

Netlify brings feedback into your tools so you can continue to use the services that you’ve come to know and love: GitHub, GitLab, Jira, Linear, Shortcut, Trello, and more.

Browser metadata

Automatically gather browser metadata to QA, reproduce, and troubleshoot issues. Even use BrowserStack to replicate and test different browser environments.

# Worry-free deployments

Effortless continuous deployment for sites, stores, and apps with all the infrastructure and automation required.

Push to Git—that’s it

Netlify detects changes as you push to Git and triggers automated deploys, pushing global assets, logic, functions and more across our infrastructure.

Automate each build

Netlify provides you a powerful and totally customizable build environment to run your favorite site generator and build scripts.

Atomic deploys

On Netlify Edge, every global deploy is an instant, atomic update of your application. Worldwide caches are invalidated instantly.

One-click rollbacks

Prior deploys remain accessible at their own URLs. Restore your site to a previous deploy instantaneously.

Gradual / phased rollouts

Split visitors across multiple versions of content or gradually rollout new features across your userbase.

Everything deploys together

Keep all your configuration, code, assets, edge logic and serverless functions together in a single repo.

# More build features

Functionality to tackle even the most demanding web projects.

Monorepo support

Deploy from one repository to multiple Netlify websites.

Dependency caches

Cache dependencies to greatly speed up subsequent builds.

Build prioritization

Prioritize an important build so that it runs ahead of other builds in the queue.

Locked deploys

Disable auto-publishing and pin your site to the latest deploy for a more controlled release.

Team build permissions

Control who can trigger builds, create sites, and adjust plan settings.

Support for enterprise Git workflows

Connect to publicly accessible repos in GitHub Enterprise Server or self-managed GitLab.

Run

Put your web experiences closer to your customers.

Extremely reliable.
Extremely secure.

Stop managing your own web servers. Each deploy publishes your apps to Netlify’s secure and performant global edge network.

Launch your own project Explore High-Performance Edge
Building Published Production: Production: main@HEAD main@HEAD

# One platform: from preview to production

Build, test, and deploy across the same global platform.

  • Code merge
    Git-integrated CI/CD
  • Rocket
    Atomic deployments with instant cache invalidation
  • Cloud
    Global distribution across multiple clouds
  • Globe
    Auto-scaling edge and serverless infrastructure

# Serverless runtime

No other platform gives you this much direct control over web app performance, or makes it this easy.

Power & performance

This is the web architecture you've always wanted—fully automated with no servers to manage, no clusters to configure.

Full developer control

Set your code to run in any of six different modes to fine-tune your app so every request stays fast.

# Prerendered pages

Prerender pages at build time that are served fast from the edge.

Netlify runs a build with your tool of choice to pregenerate any or all of your site’s pages and deploys the result to our powerful CDN.

# Configure the tools used to build your site in a netlify.toml file 
[build]
publish = "build-output/"

# Default build command.
command = “npm run generate”

# Easily add plugins, too!
[[plugins]]
package = "@netlify/plugin-lighthouse"

How to use them

From Netlify's Build settings, you can set a base directory, add a build command, and specify a publish directory.

Use cases

By prerendering pages at build time, even complex pages that pull content to mutliple APIs can be distributed globally as fast, static assets.

# Netlify Edge Functions New

Run code at the edge, close to your users.

Netlify Edge Functions use Deno and the powerful V8 JavaScript runtime to let you run globally distributed functions for the fastest possible response times.

import type { Context } from "https://edge.netlify.com";

export default async (request: Request, context: Context) => {
const response = await context.next();
response.headers.set("X-Orcism", "shoo boo");
return response;
};

How to use them

Drop JavaScript or TypeScript functions inside an edge-functions directory in your project.

Use cases

Custom authentication, personalize ads, localize content, intercept and transform requests, perform split tests, and more.

# Netlify Functions

On-demand, server-side code.

Deploy server-side code that works as API endpoints to process data, connect APIs, and build dynamic experiences.

exports.handler = async (event, context) => {
return {
statusCode: 200,
body: JSON.stringify({ message: "It's done!" }),
};
};

How to use them

Drop JavaScript, TypeScript, or Go functions inside a netlify/functions directory in your project.

Use cases

Dynamic routes, server-generated content or images, connecting to third-party APIs, custom mircoservices.

# On-demand Builders

Generate web content as it’s needed.

Shorten build times by generating routes for your site on-demand (when a user visits them for the first time). Subsequent visits are served cached responses from the edge.

const { builder } = require("@netlify/functions") 
async function handler(event, context) {
// logic to generate the required content
}

exports.handler = builder(handler);

How to use them

Write JavaScript or TypeScript functions and wrap each function in the builder() method from the @netlify/functions package.

Use cases

For large sites, building pages on demand can significantly reduce build times.

# Background Functions

Perform longer tasks in the background.

Normally, serverless functions time out after a few seconds, but Netlify Background Functions continue running until completed asynchronously—up to 15 minutes later.

// Let Netlify know it’s a background function by using a name ending with -background.js 
exports.handler = async function(event, context) {
// your server-side functionality to run in the background
// can be a process that runs for up to 15 minutes
}

How to use them

Append -background.js to the end of any function.

Use cases

Batch processing, web scraping, interfacing with slower APIs, or headless browser requests.

# Scheduled Functions

Run functions on a consistent schedule (much like a cron job).

Ensure certain tasks — like generating reports or redeploying your site — happen on a consistent, repeating interval.

# Configure any function to run at scheduled times in a .netlify.toml file 
[functions."backup-event-log"]
schedule = "@hourly"

[functions."run-reports"]
schedule = "@daily"

How to use them

Use the schedule function from the @netlify/functions module and pass it cron-like expressions to schedule your task.

Use cases

Invoke a set of APIs to collate data weekly, back up data nightly, or deploy content every hour.