4 | An open-source form backend for form handling, notifications, secure file uploads, and integrations. 5 |
6 | 7 |8 | Introduction · 9 | Tech Stack · 10 | Self-hosting · 11 | Contributing 12 |
13 | 14 |8 | Formbase makes it easy to handle your HTML form submissions. Simplify your 9 | work with easy form management, automatic notifications, secure file 10 | uploads, and smooth integrations. Create a form and start accepting 11 | submissions right away. 12 |
13 | 14 |19 | Create a form and start accepting submissions instantly without any 20 | configuration. 21 |
22 |27 | Get real-time notifications every time your form receives a new entry. 28 |
29 |34 | Build and manage a team to work together seamlessly on form projects. 35 |
36 |40 |
41 | This documentation site is adapted from the SelfhostHQ by Shayan. 45 |
46 | 47 |61 | {e.description} 62 |
63 | 64 |65 | © {new Date().getFullYear()} Eight Labs. All rights reserved. 66 |
67 |{message}
40 |
38 | {JSON.stringify(data, null, 2)}
39 |
40 | ),
41 | });
42 | }
43 |
44 | return (
45 |
65 |
66 | );
67 | }
68 |
--------------------------------------------------------------------------------
/apps/web/src/app/(main)/dashboard/_components/forms.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { use } from 'react';
4 |
5 | import { type RouterOutputs } from '@formbase/api';
6 |
7 | import { EmptyFormState } from './empty-state';
8 | import { FormCard } from './form-card';
9 |
10 | interface FormsProps {
11 | promises: Promise<
12 | // [RouterOutputs['form']['userForms'], RouterOutputs['stripe']['getPlan']]
13 | [RouterOutputs['form']['userForms']]
14 | >;
15 | }
16 |
17 | export function Forms({ promises }: FormsProps) {
18 | const [forms] = use(promises);
19 |
20 | return (
21 | 33 | // Manage your billing and subscription 34 | //
35 | //27 | Manage your forms endpoints 28 |
29 |27 | Manage your account settings 28 |
29 |29 | Manage your profile settings. 30 |
31 |Use the new endpoint to recieve submissions
16 | 17 | {formId === null ? ( 18 |
22 | <>{`https://formbase.dev/s/${formId}`}
23 |
25 | 14 | Follow these steps to get your first form submission 15 |
16 |