Breathe life into your static site

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>
  );
}

You have better things to do than reinvent the wheel

We have a growing collection of plugins for you, so you can skip those hand-rolled lambda functions.

Forms

Gather form submissions from your frontend without writing a line of backend code.

Learn more →

Payments
Coming Soon

Implement Stripe payment flows from your frontend and let us take care of the server-side stuff.

Make your static site dynamic.