Full-Stack Development
Run frontend, backend, database, and AI agents in coordinated split panes. The complete full-stack development environment.
Why imux?
Keep your frontend dev server, backend API, database shell, and AI coding agent all visible in one window with split panes.
Key Features
- Split panes for frontend + backend + database
- Browser surface for live preview
- AI agent integration for full-stack assistance
- Source control across monorepo packages
- Notification rings for build completion
Getting Started
Set Up Your Stack Panes
Split your workspace into panes: one for your frontend dev server, one for your backend API, and one for database access.
Add Live Preview
Open a browser surface pointed at your local dev server. Watch your frontend changes update in real time while you code.
Use AI for Full-Stack Help
Ask the AI agent to write API endpoints, debug frontend issues, or optimize database queries. The agent has context across your entire project.
Monitor Builds and Tests
Watch build output and test results in a dedicated pane. Notification rings alert you when webpack/vite compiles or when tests pass or fail.
FAQ
Can I run multiple dev servers at once?
Yes. Start your React dev server in one pane, your Express/Node API in another, and your database shell in a third. All visible simultaneously.
Does imux handle monorepo projects well?
Yes. imux tracks Git state across monorepo packages. Open separate workspaces for different packages or use split panes for package-specific terminals.
How does live preview work?
Open a browser surface pointed to localhost:3000. It updates automatically with your dev server's hot reload. The browser is embeddable as a pane in your workspace.
Can I debug frontend and backend together?
Yes. Run your frontend with browser DevTools in a browser surface, while tailing backend logs in another pane. AI agent can help trace issues across the full stack.