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

Develop Websites

REST

Velo

GraphQL (Alpha)

# Velo: About Wix Logs



<div style="text-align:center"><iframe src="https://www.youtube.com/embed/B2IBEAp72jU" style="width:650px;height:375px;"></iframe></div>

>**Note:** 
> This video and its steps are based on a Wix Editor site. You can adapt the steps for a Wix Studio site by using the equivalent [Wix Studio features](fallback::https://support.wix.com/en/article/about-wix-studio).

Wix Logs lets you gather information about logs, HTTP functions, and web module functions. View logs in real time, or connect Wix Logs to external monitoring tools to generate metrics and analyze errors.

### How It Works

Wix Logs displays logs, with each log represented as a JSON object. For a detailed description of the JSON structure of a log, refer to the [LogEntry documentation](fallback::https://www.wix.com/corvid/reference/spis/site-monitoring/logentry).

### Viewing Wix Logs

You can investigate your logs in the following ways:

*   **View logs in real time:** You can quickly scan basic log information or view the JSON object representing each log. Logs are loaded as they occur. [Learn more](resourceId::ac456a2a-c868-4769-9b7b-b590002706d5*fallback::https://github.com/wix-private/developer-docs/blob/master/velo-articles/Developer%20Tools/Viewing%20Live%20Wix%20Logs.md*original::../Developer%20Tools/Viewing%20Live%20Wix%20Logs.md).
*   **Connect to Google Cloud Logs:** You can easily connect your site's logs to Google's external monitoring tool. Google Cloud Logs performs log analysis and generates visual depictions of log data, allowing you to extract meaningful insights from your logs. [Learn more](fallback::https://support.wix.com/en/article/corvid-connecting-site-events-to-google-stackdriver).
*   **Connect to an external monitoring tool:** You can connect your Wix Logs to a monitoring tool of your choice to generate metrics and analyze logs. [Learn more](fallback::https://support.wix.com/en/article/connecting-site-events-to-a-monitoring-tool).  

### Log Types

Wix can record logs for the following:

*   User-generated console object functions in the backend and frontend. Example: `console.info( )`.
*   Backend errors.
*   Unexpected errors in the frontend.

>**Notes** 
> *   Error logs include a stack trace.
> *   Currently, you cannot add content to logs. All log data is generated by Wix.
> *   Logs are generated for your site in both preview mode and on your published site. Use the log [labels.viewMode](fallback::https://www.wix.com/corvid/reference/spis/site-monitoring/logentry/labels) field to differentiate between logs generated in each mode.
> *   Verbose logging is only supported for routers.

### Site Revisions

You can use Wix Logs together with your [Site History](fallback::https://support.wix.com/en/article/viewing-and-managing-your-site-history) and the [Release Manager](fallback::https://support.wix.com/en/article/accessing-the-release-manager) to compare, debug, and analyze different revisions of your site. Each time you manually save or publish your site following a change, a new revision is created. The revisions are stored in Site History, and you can [create a test site](fallback::https://support.wix.com/en/article/creating-a-test-site) for a revision in the Release Manager.

You can get the site revision ID for each site revision using the [`wix-site-frontend revision`](fallback::https://www.wix.com/code/reference/wix-site.html#revision) API. Then you can use the [`labels.revision`](fallback::https://www.wix.com/corvid/reference/spis/site-monitoring/logentry/labels) field in a logs JSON representation to identify for which revision a log occurred. This allows you to compare metrics for different revisions of your site or debug errors in new revisions.