Quick Start Guide
Master homepage.dev in 5 minutes
Quick Start Guide
Welcome! Let's get you up and running with homepage.dev in just a few minutes.
Following this guide should take about 5 minutes to complete. By the end, you'll have a fully functional homepage with organized bookmarks and apps.
Step 1: Create Your First Page
When you first log in, you'll see a default page. Let's create a custom one:
- Click the Pages dropdown menu
- Choose "Create New Page"
- Name it something meaningful like "Work" or "Personal"
- Select an emoji icon (optional)
- Click "Create"
Step 2: Add Your First Tab
Each page can have multiple tabs to organize different types of content:
- Click the Tabs dropdown menu
- Choose "Create New Tab"
- Name your tab (e.g., "Development", "Social Media", "News")
- Click "Create"
Step 3: Add Bookmark Categories
Organize your bookmarks with categories:
- In your new tab, click "Add Category"
- Name your category (e.g., "Daily Tools", "Resources", "Quick Links")
- Your category will appear as a new section
- Repeat to add more categories
Step 4: Add Your First Bookmarks
Now add some bookmarks to your category:
- Click "Add Bookmark" in your category
- Enter the URL (e.g.,
https://github.com) - The title and favicon will be auto-detected
- Customize the title if desired
- Click "Save"
The system automatically fetches the page title and favicon, making bookmark creation quick and easy!
Step 5: Add Apps & Widgets
Enhance your homepage with useful apps:
- Click the Apps dropdown menu
- Choose "Add App"
- Select an app (Clock, Notes, or Tasks)
- Configure the app settings
- The app will appear on your page
Apps are perfect for adding functionality like clocks for different timezones, quick notes, or task lists!
Customize Your Layout
homepage.dev is highly customizable. Here are the key ways to personalize your workspace:
Organization:
- Drag & Drop - Rearrange categories and apps by dragging them
- Icons - Add emoji icons to pages, tabs, and categories for visual organization
- Naming - Use clear, descriptive names with emojis for quick recognition
Layout Tips:
- Keep frequently used bookmarks at the top
- Group related bookmarks in categories
- Use tabs to separate different contexts
- Add apps that enhance your workflow
Common Use Cases
📚 Student Setup
Page: "School" 🎓
- Tabs: "Research", "Assignments", "Resources"
- Categories: "Course Materials", "Online Tools", "Study Groups"
- Apps: Clock (for class times), Tasks (for assignments)
💼 Work Setup
Page: "Work" 💼
- Tabs: "Development", "Communication", "Tools"
- Categories: "Code Repos", "Team Chat", "Productivity"
- Apps: Clock (for different timezones), Notes (for quick captures)
🏠 Personal Setup
Page: "Personal" 🏠
- Tabs: "Entertainment", "Shopping", "Learning"
- Categories: "Social Media", "Streaming", "Online Courses"
- Apps: Clock (for local time), Tasks (for personal todos)
Keyboard Shortcuts
Speed up your workflow with keyboard shortcuts:
Navigation:
Cmd/Ctrl + K- Quick searchCmd/Ctrl + 1-9- Switch to page/tab by number←/→ Arrow Keys- Navigate between pages or tabs
Actions:
Cmd/Ctrl + N- New bookmarkCmd/Ctrl + Shift + N- New pageTab- Navigate between elementsEnter- Open selected bookmark
Mobile Experience
homepage.dev works great on mobile devices:
- Responsive Design: Optimized for all screen sizes
- Touch Gestures: Swipe between tabs and pages
- Mobile Access: Access your homepage from any device
- Real-time Sync: Changes sync instantly across devices
Next Steps
Now that you're set up, explore these features in detail:
- Pages Documentation - Master page organization
- Tabs Documentation - Learn tab management
- Bookmarks Documentation - Advanced bookmark features
- Apps Documentation - Explore available apps
Tips for Success
🎯 Start Simple Begin with 1-2 pages and gradually add more as needed. Don't overwhelm yourself with complex organization from the start.
📋 Use Categories Group related bookmarks into well-named categories for better organization and faster access.
🚀 Leverage Shortcuts Learn keyboard shortcuts to boost productivity and navigate faster.
📱 Access Everywhere Use homepage.dev on all your devices. Your homepage syncs automatically across desktop, tablet, and mobile.
🔄 Iterate and Refine Your needs will evolve - reorganize and refine your setup regularly to keep it optimal.
💾 Export Regularly Use the export features to back up your pages, tabs, and bookmarks regularly.
Troubleshooting
Bookmarks not saving?
- Check your internet connection
- Try refreshing the page
- Contact support if issue persists
Can't find a feature?
- Check the navigation menus (Pages, Tabs, Apps)
- Use the search function (Cmd/Ctrl + K)
- Review the relevant documentation section
Need more help?
- Visit our FAQ
- Check Troubleshooting
- Contact our support team
Need help? Check our Support section or contact our support team - we're here to help you succeed!