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)

# JavaScript SDK

> **Share your feedback**<br/>
> Your feedback helps us improve the development experience! Join the [Devs on Wix](fallback::https://discord.gg/devs-on-wix) Discord community to discuss features, give feedback, and connect with our growing community of developers.

The Wix JavaScript SDK allows you access to Wix business solutions and site data from JavaScript code. For example, you can use the `@wix/stores` package to interact with the Wix Stores product catalog and handle site orders.

## Where the JavaScript SDK can be used

- **[Wix Headless](fallback::https://dev.wix.com/docs/go-headless)**: Take advantage of Wix's backend functionality and business management platform from any app or site you create, on any platform.
- **[Wix Apps](fallback::https://dev.wix.com/docs/build-apps)**: Develop apps that can be installed on Wix sites.

## What is included in the JavaScript SDK

- **Business Products**: Business solutions such as [eCommerce](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::20605ebb-9970-4a6e-aa3e-c1c687c0158e*fallback::https://dev.wix.com/docs/sdk/api-reference/ecom/introduction), [Bookings](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::bd3a086b-193c-4545-ba17-86dbf78b428e*fallback::https://dev.wix.com/docs/sdk/api-reference/bookings/introduction), and [Events](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::e276e0b1-af0e-4a82-9ce8-74f5027a05cd*fallback::https://dev.wix.com/docs/sdk/api-reference/events/introduction).
- **Payments**: Payment functionality such as [Pricing Plans](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::6a6668d9-2436-4fa9-851b-4355c162cb93*fallback::https://dev.wix.com/docs/sdk/api-reference/pricing-plans/introduction).
- **CRM and Members**: Manage site [contacts](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::fcc9785c-818d-477d-91a3-5d8da081f61bslug::introduction*fallback::https://dev.wix.com/docs/sdk/backend-modules/crm/contacts/introduction) and [members](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::dfcf73ca-6295-41c7-ae82-31c27a1b2778slug::introduction*fallback::https://dev.wix.com/docs/sdk/backend-modules/members/members/introduction).
- **Data**: Work with [data](portalId::b85dea5b-341b-493b-b99e-4d4ca12baaa2resourceId::11f207f8-a243-4c5c-bfe3-0ca3d89f00ed*fallback::https://dev.wix.com/docs/sdk/api-reference/data/introduction) stored in your Wix database.

## Webhooks

Wix Apps can subscribe to [webhooks](portalId::63e3acd8-2a9c-421d-8f92-d02930eeb59eresourceId::68b0aadd-d7a9-4515-9cef-1430ecd33c0a*fallback::https://dev.wix.com/docs/build-apps/developer-tools/apis-and-webhooks/about-webhooks) to respond to specific app and site events. The SDK streamlines webhook integration by providing methods to register a callback function as an event handler. For more information, see [Handle Events With Webhooks](portalId::63e3acd8-2a9c-421d-8f92-d02930eeb59eresourceId::9cee822d-5f13-4af8-9a9a-2e3660a85c72*fallback::https://dev.wix.com/docs/build-apps/developer-tools/apis-and-webhooks/handle-events-with-webhooks).

## Service plugins

[Service plugins](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/backend-extensions/service-plugins/about-service-plugin-extensions) allow your Wix app to extend the functionality of a Wix site by injecting custom logic into existing app flows or introducing entirely new flows. Learn how to [add a Wix-hosted service plugin with the CLI](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/backend-extensions/service-plugins/add-service-plugin-extensions-with-the-cli) or [implement a self-hosted service plugin](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/self-hosting/supported-extensions/backend-extensions/add-self-hosted-service-plugin-extensions-with-the-sdk).

## Authentication strategies

- **ApiKeyStrategy**: For site-level and account-level API calls in a secure environment. [Read More](fallback::https://dev.wix.com/docs/sdk/core-modules/sdk/api-key-strategy).
- **OAuthStrategy**: For Wix Headless. [Read More](fallback::https://dev.wix.com/docs/sdk/core-modules/sdk/oauth-strategy).
- **AppStrategy**: For Wix apps. [Read More](fallback::https://dev.wix.com/docs/sdk/core-modules/sdk/app-strategy).

## Learn how to build with the JavaScript SDK

<div style="display: flex; flex-wrap: wrap; width: 100%;">
    <div style="flex: 1; box-sizing: border-box; min-width: 300px; border-style: solid; border-width: 1px; border-radius: 5px; padding: 12px; margin: 8px; border-color: #DFE5EB; background-color: #E9F0FE;">
        <div style=" display: flex; margin-bottom: 4px; font-weight: 700; font-size: 16px; line-height: 24px;">Build Wix Apps</div>
        <div style=" display: flex; margin-bottom: 4px; text-wrap: wrap; width:100%; font-weight: 400; font-size: 14px; line-height: 21px;">Develop an app for Wix's App Market, enabling users to extend their site's functionality.</div>
        <div style=" display: flex; font-weight: 400; font-size: 14px; line-height: 24px;"><a href="fallback::https://dev.wix.com/docs/build-apps">Learn More</a></div>
    </div>
<div style="flex: 1; box-sizing: border-box; min-width: 300px;  border-style: solid; border-width: 1px; border-radius: 5px; padding: 12px;  margin: 8px; border-color: #DFE5EB; background-color: #E9F0FE">
        <div style=" display: flex; margin-bottom: 4px; font-weight: 700; font-size: 16px; line-height: 24px;">Create Headless Experiences</div>
        <div style=" display: flex; margin-bottom: 4px; text-wrap: wrap; width:100%; font-weight: 400; font-size: 14px; line-height: 21px;">Integrate Wix's powerful business solutions with your own frontend using any tech stack.</div>
        <div style=" display: flex; font-weight: 400; font-size: 14px; line-height: 24px;"><a href="fallback::https://dev.wix.com/docs/go-headless">Learn More</a></div>
    </div>
</div>

<p/>
    
> Not writing JavaScript code? Check out our [REST API](fallback::https://dev.wix.com/docs/rest) as an alternative to using the JavaScript SDK.

---

Your feedback is important to us.

<a href="fallback::mailto:contact-headless@wix.com">Tell us about your experience using the REST API</a>

<a href="fallback::mailto:contact-headless@wix.com">Request missing APIs</a>