Probé Wix Studio como programador freelance: esta es mi opinión honesta

Cuando escuchamos hablar de plataformas visuales para crear sitios web, muchos programadores —me incluyo— levantamos una ceja. Generalmente asociamos este tipo de herramientas con editores limitados, soluciones sin flexibilidad y código poco mantenible. Pero Wix Studio me hizo reconsiderar varios prejuicios.

En este video (que puedes ver más abajo), hice una review técnica completa de Wix Studio, desde la perspectiva de un desarrollador freelance que trabaja con clientes y necesita soluciones escalables, funcionales y rápidas de implementar.

¿Qué es realmente Wix Studio?

Wix Studio no es el Wix que probablemente conoces. Esta nueva versión está pensada específicamente para profesionales del desarrollo web, freelancers y agencias, combinando un entorno visual intuitivo con herramientas de desarrollo avanzadas como:

• Un editor de código basado en VS Code, completamente integrado.
• Soporte para JavaScript tanto en frontend como en backend, usando Velo.
• APIs listas para consumir, sin necesidad de configurar un servidor.
• Acceso a npm packages y funciones personalizadas.
• Un asistente de código con inteligencia artificial para acelerar tu flujo de trabajo.

Lo puse a prueba: esto es lo que encontré

Durante mi prueba, creé componentes visuales, agregué lógica backend con JavaScript, consulté datos desde colecciones dinámicas y hasta conecté llamadas a APIs externas, todo dentro de un solo entorno. No tuve que configurar nada. Todo funcionó desde el inicio.

Además, el sistema de colecciones de contenido y el manejo del CMS permiten escalar proyectos sin duplicar esfuerzo. Algo especialmente útil si trabajas con múltiples sitios de clientes.

¿Para quién es ideal?

• Programadores freelance que necesitan construir y entregar sitios rápido, sin perder personalización.
• Agencias que gestionan múltiples proyectos y equipos.
• Diseñadores técnicos que también escriben código.
• Devs que buscan una alternativa moderna a soluciones como WordPress o Webflow.

Framework Velo

import wixWindowFrontend from "wix-window-frontend";

$w.onReady(function () {

	// Write your Javascript code here using the Velo framework API
	wixWindowFrontend.openModal("https://en.wikipedia.org/wiki/Wix.com", {
		width: 750,
		height: 500,
	});
	// Print hello world:
	console.log("Hello world!");

	// Call functions on page elements, e.g.:
	$w("#button2").label = "Click me!";
	// Click "Run", or Preview your site, to execute your code
});

Wix Fetch (frontend)

fetch("https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd", { method: "get" })
  .then((httpResponse) => {
    if (httpResponse.ok) {
      return httpResponse.json();
    } else {
      return Promise.reject("Fetch did not succeed");
    }
  })
  .then((data) => {
	console.log(data)
	$w('#text32').text = `Bitcoin Price: $${data.bitcoin.usd}`
  })
  .catch((err) => console.log(err))

wix fetch backend

en la carpeta backend crea multiply.web.js

// Exporting a backend function from a '.web.js' file:
import { Permissions, webMethod } from "wix-web-module";

export const multiply = webMethod(Permissions.Anyone, (a, b) => a * b);

desde frotnend:

import { multiply } from "backend/multiply.web";

$w.onReady(async function () {
  multiply(5, 3).then((result) => {
    console.log(result); // Logs 15
  });
});

otro tambien:

projects.web.js

import { Permissions, webMethod } from "wix-web-module";
import wixData from 'wix-data'

export const getProjects = webMethod(Permissions.Anyone, async () => {
    const projectsResponse = await wixData.query('Projects').find();
    return projectsResponse.items
});

luego:

import { getProjects } from "backend/projects.web";


	  getProjects().then(result => {
		console.log(result)
	  })

https://dev.wix.com/docs/velo/apis/wix-web-module/web-method

Puedes añadir paquetes de npm

// @ts-ignore
import * as uuid from 'uuid';
		console.log(uuid.v4())

¿Y lo malo?

Como toda plataforma, Wix Studio tiene limitaciones. No es para construir arquitecturas ultra personalizadas o sistemas complejos tipo SaaS. Tampoco tiene la flexibilidad total de frameworks como Next.js o Astro. Pero para la mayoría de sitios comerciales, portfolios, landings y tiendas pequeñas, es más que suficiente.

Conclusión

Wix Studio me sorprendió. No es solo un editor visual. Es una plataforma completa que realmente puede encajar en el flujo de trabajo de un programador moderno. No reemplaza a todas las herramientas, pero sí puede ser una excelente solución para muchos de los proyectos del día a día.

¿Tú también has probado Wix Studio? ¿Te gustaría que hiciera más pruebas conectándolo con Next.js o usando sus APIs headless? Déjamelo en los comentarios del video o escríbeme por redes.

Recursos

• Wix backend code
• Wix auth