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)

# About the Payouts Dashboard
You can access the payouts dashboard if your team collaborator role is 'Owner'. The payouts dashboard allows you to:

  - [Track your total collections](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/pricing-and-billing/payouts-dashboard#view-your-payouts-data).
  - [Download a CSV file of your payouts data](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/pricing-and-billing/payouts-dashboard#download-your-payouts-data-as-a-csv)
  - [Search individual transactions](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/pricing-and-billing/payouts-dashboard#transactions).
  - [Request refunds](fallback::https://dev.wix.com/docs/build-apps/manage-your-app/user-support/app-refunds).

## View your payouts data
The payouts dashboard has two tabs:

  - **Overview**: This tab shows your total monthly collections less deductions.
  - **Transactions**: This tab allows you to view and manage individual transactions per user.
  
The data is updated daily and should be considered an estimate until it's finalized on the 9th of every month (for the previous month's transactions).

> **Note:** Payments for apps included in Wix Premium plans won't be shown in the payouts dashboard. For info on payments for these upgrades you need to [contact us](fallback::https://www.wix.com/support-chatbot?nodeId=25a57397-ccf7-4376-8b74-48d51edf7159&referral=devRels).

<div style="text-align:center">

![Overview tab](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ac/bbc7e549-01a1-4c96-bf6c-b9ff1e7905a9/2022/04/14/9fc03db2-6fca-44f0-80f9-52e76de73cb7/3d993b9c-85fd-4c55-99eb-7a46c9666d77.png)

</div>

### Overview
The Overview tab is broken down into several metrics, each showing the total amounts accrued in the current month. There's also a graph showing the Collections by Month for the last 12 months – hover over any column to see the exact amount of your collections and payout in that month, as well as the number of plans purchased. At the bottom of the tooltip is a link to the transaction history for that month.

### Transactions
The Transactions tab allows you to search, view, and [request refunds](fallback::https://dev.wix.com/docs/build-apps/manage-your-app/user-support/app-refunds) for individual transactions. This data is displayed for one month at a time. There are five transaction types:

  -  **Charge**: A user purchased an app plan or made an in-app purchase.
  -  **Renewal**: Automatic renewal of the plan a user already had - can be either monthly or yearly.
  -  **Switch:** A user upgraded from one plan to another (more expensive) plan.
  -  **Refund**: A user requested a refund for a previous transaction. The instance ID and invoice ID will be the same as the original transaction.
  -  **Chargeback**: A user disputed the charge with their credit card company, and was refunded. The instance ID and Invoice ID will match those of the disputed transaction.

## Download your payouts data as a CSV
You can download payouts data as far back as 2016. To download a CSV of your payouts data:

1.  Click **Download Data**.
2.  Choose the date range you want download data for in **From** and **To**.
3.  Click **Generate CSV**.
4.  Wait a few moments for the file to be generated and click **Download CSV**.

## See also
- [View your app stats](fallback::https://dev.wix.com/docs/build-apps/manage-your-app/data-and-analytics/app-stats)
- [Reporting for partner billed apps](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/pricing-and-billing/partner-billed-apps-reporting)