Setup User Management

Saves 14 hours of work

Prerequisites

• GateUI Installed

If you haven't installed GateUI yet, follow the GateUI installation guide.

Installation

1. Open your terminal
2. Navigate to your project folder
3. Run the following command:

js
npx @gateui/cli add user
Copy code

This will copy all the user management code to your codebase. Continue below to see more in details what is added to the codebase.

How to use

All you need to do is use the UserProfile component in your page.

Example Profile Page

jsx
import { UserProfile } from "@/components/user";
Copy code
jsx

Copy code
jsx
export default function UserProfilePage() {
Copy code
jsx
  // --- RENDER ---
Copy code
jsx

Copy code
jsx
  return (<div>
Copy code
jsx
    <h1>Welcome to MyApp</h1>
Copy code
jsx
    
Copy code
jsx
    <UserProfile />
Copy code
jsx
    </div>)
Copy code
jsx
}
Copy code

What is installed

All the necessary code has been installed in the following places:

Need Help?

If you encounter any issues, please open an issue on my GitHub repository. I'll respond as soon as possible.