WebDatabasesAuthGeneralCloud

Creating A User Account

Jan 29, 2025, 17:00

View on Discord

Votes

Replies

Participants

Unknown

Messages

DN JoshOriginal post

Rank 1: Thread

Jan 29, 2025, 16:12

I have a simple form component that is expected to create a new user using the the ###firstName, ###lastName, ###username, and ###password from a react-hook-form application.

Is it possible to create this is user on the click of the form's submit button and have that user created on the appwrite account?

Summary

Code sample provided for creating a user account with React hook form. Missing implementation details, and not tested. Need to replace ###firstName, ###lastName, ###username, ###password with correct fields. Possible solution involves calling account.create and account.createEmailPasswordSession within onSubmit, then navigating to the app upon successful creation.

Kenny

Jan 29, 2025, 16:30

Sure, here is a code sample. Just an FYI I did not test this, it's just a concept of how you might accomplish this.

TypeScript

export default function LoginPage() {
    const { register, handleSubmit, formState: { errors } } = useForm();

    const onSubmit = (data) => {
      try {
        const user = await account.create(
            ID.unique(),
            data.email,
            data.password,
            data.name
        );
  
        const session = await account.createEmailPasswordSession(
            data.email,
            data.password
        );

        // navigate to app
      } catch (err) {
        console.error(err);
      }
    };

    return (
        <>
            <p className="title">Registration Form</p>

            <form onSubmit={handleSubmit(onSubmit)}>
                <input type="text" {...register("name")} />
                <input type="email" {...register("email")} />
                <input type="password" {...register("password")} />
                <input type={"submit"} />
            </form>
        </>
    );
}

Creating A User Account

Need support?_