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