Updated March 24, 2026
8 min read
Implement the client admin area
Set up /admin login and editing flows so clients can update content safely without direct code or infrastructure access.
A good /admin experience should let clients edit confidently without needing technical support for routine changes.
Use password verification before edit actions
Use verifyPassword before showing edit controls and keep only minimal authenticated state in the browser.
Do not let users into write actions before credentials are verified.
Wire text updates to key-based mutations
Use updateText(key, value, password) so each editable field updates the exact key shown in your page component.
Support image upload and deletion
Use uploadImage(file, password) for new media and deleteImage(imageId, password) for cleanup. Show clear messages for invalid files or storage limit errors.
Keep microcopy client-friendly
Use plain labels like Save heading, Upload hero image, and Publish update. Avoid developer terms in client-facing controls.
This page maps to templates/handover-boilerplate/app/admin/page.tsx in the repository.