wrkks.site/username, where you choose the username. This creates a memorable, professional URL for your personal website.
Username requirements
When selecting your username:- Choose a unique identifier (availability is checked automatically)
- Use a professional handle that represents you
- Consider using your name, initials, or professional brand
- Keep it simple and easy to remember
Your username becomes part of your public URL, so choose carefully. You can change it later if needed.
Setting up your username
Your username is displayed and managed from the/website page.
Username display
At the top of your website page, you’ll see:DomainInputField component shows:
- A link icon to indicate this is a URL
- “wrkks.site /” prefix
- Your current username (or placeholder if not set)
- Edit button (pen icon) to change username
Changing your username
Click the edit button
Click the pen icon next to your username. This opens the
EditDomainDialog component.Review current username
The dialog displays:
- Title: “Change Userhandle”
- Your current username in a disabled input field
- Label: “Old Userhandle”
Enter new username
In the “Choose new Userhandle” field:
- Type your desired username
- The placeholder shows “New [current-username]”
- Input validates in real-time
Dialog actions
TheEditDomainDialog provides two buttons:
- Cancel: Close dialog without making changes
- Save: Submit new username (triggers validation and update)
Username validation
When you attempt to save a new username:Success confirmation
After successfully updating your username:- Success toast appears: “Username updated successfully!”
- Page refreshes automatically to show the new username
- URL updates to reflect new username
- Published site (if live) is immediately accessible at new URL
Username in publish flow
Your username is required before publishing:- The publish button uses your username to determine the public URL
- If username is not set, publishing may fail
- Set your username before your first publish
Technical implementation
The username system:- Stores username in user data table (Supabase)
- Uses
updateUser({ username: newUsername })to save changes - Validates uniqueness server-side
- Associates username with your user account
Best practices
Professional username tips
Professional username tips
- Use your name: “john-smith” or “jsmith”
- Keep it short: Easier to share and remember
- Avoid numbers: Unless they’re part of your brand
- Match other profiles: Use the same handle as LinkedIn/Twitter for consistency
- Test pronunciation: Make sure it’s easy to say out loud
Changing username after publishing
If you change your username while your site is live:- Old URL (
wrkks.site/old-username) stops working immediately - New URL (
wrkks.site/new-username) becomes active - Update any links you’ve shared (social media, resumes, email signatures)
- No need to republish—the change is instant
URL format
Your complete website URL follows this pattern:wrkks.siteis the platform domainusernameis your custom handle
Error scenarios
- Empty username
- Duplicate username
- Network error
If you try to save without entering a username:
- Save action is blocked
- No API call is made
- Dialog remains open
Next steps
After setting up your username:- Publish your website to make it live
- Share your custom URL on professional networks
- Update your resume and business cards with your new link