Why write backend code if you don’t have to?

Static sites are awesome! But sometimes you need a backend for things like forms and payments.

StaticKit is the serverless backend for static sites.

Step 1
Configure and deploy your plugins

npm i -g @statickit/cli
statickit forms add newsletter "Newsletter"
statickit deploy

You can use the CLI helper commands or edit your statickit.json file by hand.

Step 2
Install a client library

npm i @statickit/react

We have React and HTML client libraries.

Step 3
Wire up your front-end

import { useForm } from '@statickit/react';

function MyForm() {
  const [state, submit] = useForm({
    site: '0858b1a135b0',
    form: 'newsletter'
  });

  if (state.succeeded) {
    return (
      <div>Thank you for signing up!</div>
    )
  }

  return (
    <form onSubmit={submit}>
      <label htmlFor="email">Email</label>
      <input id="email" type="email" name="email" required />
      <button type="submit" disabled={state.submitting}>Notify me</button>
    </form>
  );
}

Powerful plugins at your fingertips

We have a growing collection of plugins, so you can skip hacking together serverless functions or building a whole backend app.

Opt-In Forms

Collect email addresses and forward them along to your email marketing app.

Learn more →

Contact Forms

Gather contact form submissions and send a notification email to the right people.

Learn more →

Payments

Build SCA-ready purchase flows for one-time purchases, SaaS subscriptions, and more, without writing any backend code.

Coming Soon

Breathe life into your static site.