Mode:
Duration:
1
Coding works best on desktop or with an external keyboard.
Fetch Data with Promise - Wix-corvid Typing CST Test
Fetch Data with Promise — Wix-corvid Code
Uses a Promise to fetch data from a collection asynchronously.
// backend/fetchData.jsw
import wixData from 'wix-data';
export function getItemsAsync() {
return new Promise((resolve, reject) => {
wixData.query('MyCollection').find()
.then(res => resolve(res.items))
.catch(err => reject(err));
});
}
$w.onReady(function () {
getItemsAsync().then(console.log);
});Wix-corvid Language Guide
Wix Velo (formerly Corvid) is a full-stack development platform built into Wix, allowing developers to create dynamic web applications with custom interactions, databases, and backend logic using JavaScript and Wix APIs.
Primary Use Cases
- ▸Creating dynamic pages from database collections
- ▸Custom forms and workflows
- ▸E-commerce functionality enhancements
- ▸Integrating third-party APIs
- ▸Building web apps with backend logic on Wix
Notable Features
- ▸Full-stack JavaScript environment
- ▸Integrated database collections
- ▸Wix APIs for UI and backend
- ▸Custom interactions and event handling
- ▸Secure serverless backend functions
Origin & Creator
Developed by Wix.com, originally launched as Corvid in 2017, later rebranded as Velo.
Industrial Note
Velo is widely adopted for small-to-medium businesses needing dynamic web apps, internal tools, booking systems, and e-commerce customizations without leaving the Wix ecosystem.
Quick Explain
- ▸Velo enables embedding custom JavaScript into Wix websites for dynamic behavior.
- ▸Supports database collections for storing and querying site data.
- ▸Allows building custom interactions and page elements programmatically.
- ▸Integrates client-side and server-side code in one Wix environment.
- ▸Used for building web apps, dynamic pages, e-commerce enhancements, and custom workflows on Wix.
Core Features
- ▸Client-side page code
- ▸Backend functions (web modules)
- ▸Database collections for dynamic data
- ▸Wix APIs for site and UI manipulation
- ▸Event-driven programming for UI components
Learning Path
- ▸Understand Wix Editor and site structure
- ▸Learn client-side JavaScript on Wix pages
- ▸Master database collections and dynamic pages
- ▸Learn backend functions for secure operations
- ▸Integrate APIs and third-party services
Practical Examples
- ▸Dynamic blog page showing database posts
- ▸Custom booking form with automated confirmations
- ▸Product recommendation widget on Wix store
- ▸Member login portal with protected pages
- ▸Custom analytics dashboard using Velo data
Comparisons
- ▸Velo vs Shopify Liquid: Velo is full-stack JS; Liquid is templating language
- ▸Velo vs Webflow: Velo allows backend logic; Webflow mainly front-end
- ▸Velo vs Bubble: Bubble is visual no-code; Velo allows coding
- ▸Velo vs OutSystems: OutSystems is enterprise low-code; Velo is Wix-focused
- ▸Velo vs WordPress PHP: Velo is JS-based serverless; PHP is traditional server-side
Strengths
- ▸Rapid prototyping within Wix
- ▸No external hosting required
- ▸Integrated database support
- ▸Supports full-stack JavaScript development
- ▸Easy integration with Wix ecosystem (apps, stores, bookings)
Limitations
- ▸Limited to Wix platform
- ▸Server-side logic constrained by Wix serverless environment
- ▸Performance may be limited for very large-scale apps
- ▸Cannot fully customize hosting or server infrastructure
- ▸Some API limits per site or user
When NOT to Use
- ▸Sites not hosted on Wix
- ▸High-performance enterprise apps needing full backend control
- ▸Complex multi-server logic outside Wix
- ▸Projects requiring custom server infrastructure
- ▸Apps needing unrestricted API calls beyond Wix limits
Cheat Sheet
- ▸$w('#elementId').onClick(() => { ... }) - event handler
- ▸wixData.query('CollectionName') - query database
- ▸export function backendFunction() { ... } - backend function
- ▸import { backendFunction } from 'backend/module.js' - call backend
- ▸$w('#elementId').text = value - update UI element
FAQ
- ▸Do I need coding knowledge? -> Yes, basic JS recommended.
- ▸Can I create dynamic pages? -> Yes, with collections and page code.
- ▸Is backend code secure? -> Yes, runs server-side on Wix.
- ▸Can I integrate external APIs? -> Yes, via fetch and backend functions.
- ▸Is Velo free? -> Yes, included with Wix premium plans.
30-Day Skill Plan
- ▸Week 1: Basic page interactions
- ▸Week 2: Database collections and dynamic pages
- ▸Week 3: Backend functions
- ▸Week 4: API integration and custom apps
- ▸Week 5: Advanced e-commerce and analytics dashboards
Final Summary
- ▸Wix Velo is a full-stack platform for building dynamic web apps on Wix.
- ▸Supports both frontend interactions and secure backend logic.
- ▸Integrates with Wix databases, APIs, and third-party services.
- ▸Ideal for SMBs needing custom workflows, dynamic pages, and app-like features.
- ▸Combines no-code ease with coding flexibility for web developers.
Project Structure
- ▸Pages - individual site pages
- ▸Site code - global JavaScript
- ▸Backend - serverless functions
- ▸Database collections - structured data
- ▸Public & static assets - images, CSS, scripts
Monetization
- ▸Enhanced Wix e-commerce sites
- ▸Custom app features for subscriptions
- ▸Booking and appointment systems
- ▸Paid memberships and gated content
- ▸Consulting services for Wix development
Productivity Tips
- ▸Use reusable backend modules
- ▸Leverage collections for dynamic content
- ▸Test interactions frequently
- ▸Optimize queries and events
- ▸Use Wix APIs efficiently
Basic Concepts
- ▸Page code - client-side JavaScript for specific pages
- ▸Site code - global JavaScript for site-wide functionality
- ▸Backend functions - serverless functions for secure operations
- ▸Database collections - store and query dynamic content
- ▸Wix APIs - access site features, e-commerce, and UI elements