Jump from frontend to admin editor in development mode
Quick Edit (Dev Mode)
Stop switching between tabs. In development mode, every content page includes a direct link to its admin editor — edit content right where you see it.
How It Works
- Browse the site normally at
http://localhost:3005 - Spot content that needs updating
- Click the edit link on the page
- Jump directly to the admin editor for that specific item
- Save your changes — they take effect immediately
No need to navigate through admin panel lists or search for the right entry.
Supported Pages
| Frontend Page | Admin Editor | What You Can Edit |
|---|---|---|
| Blog post detail | /admin/blogs/{slug} | Title, content, categories, tags, cover image |
| Twitter account | /admin/twitter/{handle} | Display name, bio, avatar, category |
| YouTube channel | /admin/youtube/{channelId} | Channel name, description, category |
| Item/tool card | /admin/items/{key} | Name, URL, icon, description, category |
| Nav menu | /admin/nav/{key} | Menu structure, links, i18n labels |
Development Only
Quick-edit links are controlled by process.env.NODE_ENV === "development" and are completely hidden in production. Your visitors will never see admin links.
This applies to:
- The Admin link in the top navigation header
- Edit buttons on content detail pages
- Quick-edit links in list item cards
Workflow Benefits
| Without Quick Edit | With Quick Edit |
|---|---|
| Open admin panel | Click edit on the page |
| Navigate to the right module | Arrive at the editor instantly |
| Search for the specific item | Already editing the right item |
| Open the editor | Start typing |
For content teams managing hundreds of items, this saves significant time during review and update cycles.