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, handleSubmit] = useForm('newsletter');

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

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