Moving on...

src/components/invitation/Invitation.tsx

@@ -0,0 +1,26 @@
+import { createForm } from "@felte/solid";
+import { Component } from "solid-js";
+
+interface Props {}
+
+const Invitation: Component<Props> = (props) => {
+  const submitHandler = (values: any, context: any) => {
+    console.log({
+      caller: "Invitation / submitHandler",
+      props,
+      values,
+      context,
+    });
+  };
+
+  const { form } = createForm({ onSubmit: submitHandler });
+
+  return (
+    <form use:form>
+      <label for="database">Database</label>
+      <input type="url" name="database" required={true} />
+    </form>
+  );
+};
+
+export default Invitation;

src/components/invitation/index.ts

@@ -0,0 +1 @@
+export { default } from "./Invitation";

src/routes/invitations/index.tsx

@@ -0,0 +1,7 @@
+export default () => {
+  return (
+    <main>
+      <h1>Invitations</h1>
+    </main>
+  );
+};

src/routes/invitations/new.tsx

@@ -0,0 +1,10 @@
+import Invitation from "~/components/invitation";
+
+export default () => {
+  return (
+    <main>
+      <h1>New invitation</h1>
+      <Invitation />
+    </main>
+  );
+};