Cabloy Store
Admin

Cabloy Start

Boost your fullstack development
v5.0.0
185
$298.00/Year

Cabloy Start includes a set of ready-to-use Vona/Zova suites designed to accelerate fullstack project development

Type

Name

Description

Vona Suite

vona-suite-cabloy-start

MIT, included when creating a Vona project

Zova Suite

zova-suite-cabloy-start

Automatically grants access to the GitHub repository after purchase, https://github.com/cabloy/zova-suite-cabloy-start

License

  • $298/Year

  • 1 Developer Seat (GitHub access)

  • Unlimited Projects (Commercial use allowed)

  • Lifetime Updates

  • Invited to join private chat group

Features

  • Fullstack: Building SSR/SPA/Website/Admin in one codebase

  • Admin Supports SSR: Provides full SSR support for the Admin applications, preventing sidebar flickering on page refresh

  • CRUD Dynamic Rendering: Dynamically render CRUD list pages, entry pages, and search forms, while demonstrating best practices for Tanstack Table, Tanstack Form, and Tanstack Query

  • Dual-layer Tabs Navigation: Supports dual-layer tabs navigation, enabling efficient page switching while maintaining page state

  • UI Library: Uses the latest version of VuetifyJS

Documentation

Demo Online

Uses the same codebase to implement Cabloy Store's Website and Admin

Demo GIF

  • Dual-layer tabs navigation

GitHub Repository Screenshot (Zova Suite)

Modules (Vona Suite)

Name

Description

start-siteadmin

Used to implement Admin

start-siteweb

Used to implement Website

Modules (Zova Suite)

1. Core Modules

Name

Description

start-layoutadmin

Layout component for Admin, supports dual-layer tabs navigation

start-layoutfront

Layout component for Website

start-adapter

UI components adapter: provides common UI components for rendering Table/Form

start-restpage

Dynamically renders CRUD list pages, item pages, search forms, and provides best practices for Tanstack Table/Tanstack Form/Tanstack Query

start-paypal

Frontend rendering component that integrates with Paypal API

start-theme

An orange theme implemented based on Token mechanism

2. Other Modules

Name

Description

start-actions

Provides common actions usable in ZovaJsx: Alert/Confirm/Prompt, convenient for implementing event listening logic at backend via declarative syntax

start-app

Provides application-level behavior components, enabling multiple popup capabilities: $appModal.alert/$appModal.confirm/$appModal.prompt

start-button

Enhanced Button component: 1. Automatically displays loading icon, 2. If click event fails, automatically pops up an error message

start-captcha

Ready-to-use captcha component

start-date

Date range component that automatically handles Timezone

start-demo

Some demo code

start-form

Form behavior component, controls form rendering behavior based on Behavior mechanism

start-table

Table component implemented based on Tanstack Table

start-select

Select component for rendering in Table/Form

start-textarea

Textarea component for rendering in Table/Form

start-toggle

Toggle component for rendering in Table/Form

start-resource

Resource Picker component for rendering in Table/Form

Powered by cabloy/vona/zova