Pages View
Overview
The Pages view shows all routes/pages in your application and lets you preview them.
Features
Route Detection
- Automatically scans your project for routes
- Supports Next.js, React Router, Vue Router, and other frameworks
- Updates automatically as you add routes
Route List
- See all detected routes
- Route names and paths
- File locations
- Route types (page, API, etc.)
Live Preview
- Preview pages in an embedded browser
- See changes in real time
- Responsive preview (desktop, tablet, mobile)
- Interactive preview (click, scroll, interact)
Visual Editor (Coming Soon)
- Edit pages visually
- Modify HTML attributes
- Change styles
- See changes instantly
Using Pages View
Opening Pages View
- Open a project
- Click "Pages" in the sidebar
- See all detected routes
Previewing a Page
- Click a route in the list
- Preview appears on the right
- Interact with the preview
- Changes reflect automatically
Responsive Preview
- Switch between desktop, tablet, and mobile
- See how pages look on different screen sizes
- Test responsive designs
Starting Development Server
- If your project needs a dev server, start it from Pages view
- Server starts automatically when needed
- See server status and logs