The official frontend for Hostito — open source hosting billing & management system.
Hostito App is the frontend interface for the Hostito billing system. It provides both a client portal and an admin panel for managing hosting services, invoices, domains, and support tickets.
Built with Next.js, React 19, TypeScript, and Tailwind CSS.
- Authentication — login, register, forgot password, email verification
- Client Portal — view invoices, manage services, open support tickets
- Shop — browse products, add to cart, checkout
- Payment Flow — Stripe, PayPal, and crypto payment support
- Admin Panel — manage users, products, orders, servers, and gateways
- Support Tickets — built-in helpdesk interface
- Dark mode
| Layer | Technology |
|---|---|
| Framework | Next.js 16 |
| UI | React 19, Tailwind CSS 4 |
| Language | TypeScript 5 |
| State | Zustand |
| API Client | TBD |
# Clone the repo
git clone https://github.com/webito-io/hostito-app.git
cd hostito-app
# Install dependencies
pnpm install
# Setup environment
cp .env.example .env.local
# Start development server
pnpm devOpen http://localhost:3000 in your browser.
Note: This app requires hostito-core to be running as the backend API.
Set these in your .env.local:
NEXT_PUBLIC_API_URL=http://localhost:3001hostito-app/
├── app/
│ ├── (auth)/
│ │ ├── login/
│ │ └── register/
│ ├── (client)/
│ │ ├── dashboard/
│ │ ├── services/
│ │ ├── invoices/
│ │ ├── domains/
│ │ ├── tickets/
│ │ └── shop/
│ └── (admin)/
│ ├── dashboard/
│ ├── users/
│ ├── products/
│ ├── orders/
│ ├── servers/
│ └── gateways/
├── components/
├── lib/
└── public/
- Authentication (login, register, forgot password)
- Client dashboard
- Shop & checkout flow
- Invoice management
- Support tickets
- Admin panel
- Domain management
- Dark mode
- Multi-language support
Contributions are welcome! Please read CONTRIBUTING.md before submitting a PR.
- hostito-core — the backend API
Hostito is part of the Webito open source ecosystem. If you find it useful, consider sponsoring us.
MIT — free to use, modify, and distribute.