Get to know our frameworks

Select an app template built on your preferred framework.

Build apps on our native app editor. Use drag and drop elements, Velo code and Wix APIs to develop custom features.

Streamline your app development process with the Wix CLI. Get a familiar developer experience with minimal setup and configuration.

Take full control over your app's tech stack, deployment, and hosting.

App templates

Wix Blocks templates

Wix CLI templates

Self-hosted templates

Kickstart your app development with templates built on your preferred Wix developer tool. Browse templates for practical foundation and get to know the Wix ecosystem.

Wix App Templates for Developers

This example apps can be used as a starting point for building your own app, for concrete examples of how to use Wix framework, or for inspiration.

Choose a template.<0 />Build an app.

Browse by:

How to build it step by step:

This template is built with:

Read how this template was built, step by step.

How we built this template

Deployment instructions:

Choose a package manager and run the command in your terminal.

Copy command

Before you get started, make sure you have the following:

Prerequisite steps

Get started with Wix CLI

Begin by setting up your Next.js project with your preferred hosting platform.

Select your hosting service

Start the deployment flow and set up your template repo on Netlify. After you finish set up, come back here and add your Netlify custom domain.

Copy the code from our Git repo to deploy your app on any platform that supports Next.js.

Start the deployment flow and set up your template repo on Vercel. After you finish set up, come back here and add your Vercel generated URL.

Add the base URL and give your app a name.

App details

Go to the app dashboard and test your app to ensure a smooth integration within the Wix ecosystem. <0>Learn more about app checks and testing</0>

Define your environment

Terminal

Related templates

Note

Warning

Your app name will be used as the namespace suffix.

Name your app to generate a namespace. This lets you refer to your app in code later on.

Go Headless

Build Apps

Client

API Preview

Ricos

Develop Websites

REST

Velo

GraphQL (Alpha)

Invalidates the cache for a site.

Calling the `invalidateCache()` function submits a request to invalidate (clear) the site cache. 
 The function returns a Promise that resolves when the invalidation request is accepted (or rejected). Note that the 
 invalidation process normally takes a few seconds to propagate.

 Most Wix sites are cached by default to provide better performance. In cases where your site changes 
 without publishing, caching may adversely affect your site. For example, if your site fetches and displays data from
 a 3rd-party service, you might experience the following issues on a cached site: 

 +  Updated data is not displayed.
 +  Updated data is not exposed to bots, hurting SEO.


 You can prevent such issues by invalidating your site's cache following a data update.

import { Permissions, webMethod } from 'wix-web-module';
import wixSiteBackend from 'wix-site-backend';

export const invalidateCache = webMethod(Permissions.Anyone, () => {
  return wixSiteBackend.invalidateCache();
});

Invalidate a site's cache

/***************************************
 * Backend code - myModule.web.js *
 ***************************************/

import { Permissions, webMethod } from 'wix-web-module';
import wixSiteBackend from 'wix-site-backend';
import { getJSON } from 'wix-fetch';

export const invalidateCache = webMethod(Permissions.Anyone, () => {
  return wixSiteBackend.invalidateCache();
});

export const fetchData = webMethod(Permissions.Anyone, () => {
  return getJSON("https://someapi.com/api/someendpoint");
});

let json = fetchData();

// This function is triggered by a 3rd-party service 
// when data changes (for example, via webhook)
export const updateData = webMethod(Permissions.Anyone, () => {
  json = fetchData();
  invalidateCache();
});

export const getData = webMethod(Permissions.Anyone, () => {
  return json;
});

/********************
 * Client-side code *
 ********************/

import { getData } from 'backend/myModule.web';

$w.onReady(function () {
  return getData()
    .then((json) => {
      $w('#myTextElement').text = json.someData[0].description;
    })
    .catch((error) => {
      console.log(error);
    });
});

Get data from a 3rd party service and invalidate the site's cache

invalidateCache

void

Fulfilled - When the site cache invalidation request is accepted.
Rejected - An error message.

# Introduction
To use the backend site API, import `wixSiteBackend` from the `wix-site-backend` module:

   ```javascript
   import wixSiteBackend from 'wix-site-backend';
   ```

velo_wix-site-backend

Gets the physical address of the site's business.

The `getAddress()` function returns a Promise that resolves to the site's
 corresponding physical address information.

 The retrieved address is the address that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getAddress

Fulfilled - An object containing the site's corresponding physical address information.
Rejected - Error message.

Gets the site business name.

The `getBusinessName()` function returns a Promise that resolves to the site's
 business name information.

 The retrieved business name is the name that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getBusinessName

Fulfilled - An object containing the site business name information.
Rejected - Error message.

Gets the business hours of the site's business.

The `getBusinessSchedule()` function returns a Promise that resolves to the site's
 corresponding business hours information.

 The retrieved schedule is the schedule that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getBusinessSchedule

Fulfilled - An object containing the site business hours.
Rejected - Error message.

Gets the site category information.

The `getCategories()` function returns a Promise that resolves to the site's
 category information.

 The retrieved category information is the information that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getCategories

Fulfilled - An object containing the site category information.
Rejected - Error message.

Gets the site description.

The `getDescription()` function returns a Promise that resolves to the site's
 description information.

 The retrieved description is the description that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getDescription

Fulfilled - An object containing the site description.
Rejected - Error message.

Gets the email address used for notifications of activities on your site.

The `getEmail()` function returns a Promise that resolves to the site's
 email information.

 The retrieved email address is the address that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getEmail

Fulfilled - An object containing the site email information.
Rejected - Error message.

Gets the fax number used for notifications of activities on your site.

The `getFax()` function returns a Promise that resolves to the site's
 fax number information.

 The retrieved fax number is the fax number that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getFax

Fulfilled - An object containing the site fax number information.
Rejected - Error message.

Gets site language information.

The `getLanguage()` function returns a Promise that resolves to the site's
 language information.

 The retrieved language information is the information that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getLanguage

Fulfilled - An object containing the site language information.
Rejected - Error message.

Gets site locale information.

The `getLocale()` function returns a Promise that resolves to the site's
 locale information.

 The retrieved locale information is the information that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getLocale

Fulfilled - An object containing the site locale information.
Rejected - Error message.

Gets the site logo file name.

The `getLogo()` function returns a Promise that resolves to the site's
 logo file name information.

 The retrieved logo is the logo that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getLogo

Fulfilled - An object containing the site logo file name.
Rejected - Error message.

Gets site multilingual information.

The `getMultilingual()` function returns a Promise that resolves to the site's
 multilingual information.

 The retrieved multilingual information is based on the languages set
 using [Wix Multilingual](https://support.wix.com/en/article/about-wix-multilingual).

getMultilingual

Fulfilled - An object containing the site multilingual information.
Rejected - Error message.

Gets site payment currency information.

The `getPaymentCurrency()` function returns a Promise that resolves to the site's
 payment currency information.

 The retrieved payment currency information is the information that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getPaymentCurrency

Fulfilled - An object containing the site payment currency information.
Rejected - Error message.

Gets the phone number used for notifications of activities on your site.

The `getPhone()` function returns a Promise that resolves to the site's
 phone number information.

 The retrieved phone number is the phone number that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getPhone

Fulfilled - An object containing the site phone number information.
Rejected - Error message.

Gets the site display name.

The `getSiteDisplayName()` function returns a Promise that resolves to the site's
 display name information.

 The retrieved display name is the name that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getSiteDisplayName

Fulfilled - An object containing the site display name information.
Rejected - Error message.

Gets site time zone information.

The `getTimeZone()` function returns a Promise that resolves to the site's
 time zone information.

 The retrieved time zone information is the information that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

getTimeZone

Fulfilled - An object containing the site time zone information.
Rejected - Error message.

# Introduction
To use the generalInfo API, import `wixSiteBackend` from the `wix-site-backend` module:

   ```javascript
   import wixSiteBackend from 'wix-site-backend';
   ```

GeneralInfo

The generalInfo API contains functionality for getting
 [the information about your business](https://support.wix.com/en/article/adding-your-sites-business-info) that
 has been entered in the **General Info** section of your site's [**Dashboard**](https://support.wix.com/en/article/wix-dashboard-overview).

To use the generalInfo API, import `wixSiteBackend` from the `wix-site-backend` module:

   ```javascript
   import wixSiteBackend from 'wix-site-backend';
   ```

getMultilingual( )