Ir al contenido principal

Wasp en un vistazo

Imagen
De Dr. Lang

Wasp es un framework web full-stack de código abierto para React y Node.js, diseñado para desarrollar aplicaciones web modernas y SaaS de forma rápida y con menos código duplicado (boilerplate).

Su enfoque principal se basa en un lenguaje de configuración declarativo propio (el archivo .wasp), donde defines la arquitectura global de tu aplicación, mientras escribes la lógica de frontend y backend usando JS/TS estándar.

Introducción a Wasp

¿Cómo funciona Wasp?

Observemos un diagrama para ver cómo funciona: 

┌────────────────────────────────────────────────────────┐
│                   Archivo main.wasp                   │
│   (Defines páginas, rutas, auth, modelos de datos)    │
└──────────────────────────┬─────────────────────────────┘
                           │ Compila a
              ┌────────────┴────────────┐
              ▼                         ▼
   ┌────────────────────┐    ┌────────────────────┐
   │ React (Client App) │    │ Node.js (Server)   │
   └────────────────────┘    └────────────────────┘

En un proyecto web tradicional con React y Node.js, debes configurar manualmente rutas, autenticación, conexión a base de datos, API REST/gRPC y manejo de tareas en segundo plano. Wasp automatiza todo ese "pegamento" mediante su compilador.

Características clave

Observemos su características principales

  • Lenguaje declarativo (.wasp): Describes las rutas, modelos de Prisma, proveedores de autenticación y trabajos programados en un solo lugar.
  • Autenticación integrada: Soporta inicios de sesión con email/contraseña, Google, GitHub y otros proveedores OAuth con solo unas cuantas líneas de configuración.
  • Manejo de estado cliente-servidor: Soporta consultas (queries) y acciones (actions) tipo RPC (similar a tRPC), lo que elimina la necesidad de escribir manualmente endpoints REST o llamadas con `fetch`/`axios`.
  • Integración con Prisma ORM: Define tus entidades de datos y consultas a bases de datos como PostgreSQL o SQLite directamente con TypeScript y Prisma.
  • Platillas SaaS (OpenSaaS): Incluye starters listos para producción con autenticación, pagos con Stripe, paneles de control y correo integrados.

Ejemplo rápido de código

Así se define una página y su ruta en un archivo `.wasp`:

app MiApp {
  wasp: { version: "^0.13.0" },
  title: "Mi Aplicación",
  auth: {
    userEntity: User,
    methods: { google: {} }
  }
}

route DashboardRoute { path: "/dashboard", to: DashboardPage }
page DashboardPage {
  authRequired: true,
  component: import { Dashboard } from "@src/pages/Dashboard"
}

Ventajas principales

Observemos la siguiente tabla:

Aspecto Beneficio
Velocidad de desarrollo Elimina la configuración manual de infraestructura y boilerplate.
TypeScript de extremo a extremo Tipado automático entre la base de datos, el servidor Node.js y la interfaz de React.
Sin Lock-in Compila a código estándar de React y Node.js; se puede alojar en Fly.io, Railway, AWS o cualquier servidor.

Sobre Wasp

Wasp se une a los miles de frameworks que existen actualmente. Al igual que estos promete ser la nueva panacea universal para el desarrollo web. Se debe tener ciertas nociones de programación web: conocer Javascript, Node, Typescript y algún framework como Angular, Vue o librerías como React.

En próximas entregas hablaremos de esta herramienta y otras similares.

Enlaces:

https://wasp.sh/



Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Rocket: un framework web para Rust

De Beta
Rocket Framework es: Un framework web escrito en Rust.   Inspirado en Rails, Flask, Bottle y Yesod.  Admite el manejo de solicitudes HTTP, Web Sockets, JSON, plantillas y más. Creando un proyecto con Rocket Framework En primer lugar, verificamos la instalación de Rust en nuestras máquinas: rustc - - version Continuamos con la configuración de Rust nightly como nuestra cadena de herramientas predeterminada ejecutando el comando: rustup default nightly Si lo prefieres, una vez que configuremos un directorio de proyecto en la siguiente sección, puedes usar anulaciones por directorio para usar la versión nocturna solo para tu proyecto Rocket ejecutando el siguiente comando en el directorio: rustup override set nightly Creamos nuevo proyecto `` hola-rocket `` y nos ubicamos en el directorio creado: cargo new hola - rocket - - bin cd hola - rocket Con Cargo, agregamos la dependencia de rocket: cargo add rocket Abrimos el archivo `` Cargo.toml `` Ca...
Publicar un comentario
Leer más

Odin language: el lenguaje de programación orientado a datos para un desarrollo de software sensato

De Dr. Lang
En esta serie sobre lenguajes de programación hablamos de Odin , un lenguaje orientado a datos. Un nuevo lenguaje de programación que nos podrá recordar a lenguajes como C++, Python, Golang o hasta Rust. Instalación (Windows): 1 2 3 4 $ git clone https://github.com/odin-lang/Odin $ cd Odin $ git pull $ build.bat release Debemos asegurarnos de crear la variable de entorno: Nombre: ODIN_HOME Valor: C:\Users\HP\Documents\pruebasOdin\Odin Ejemplo 1. Como primer programa tendremos al clásico "Hola, mundo". holamundo.odin package holamundo import " core:fmt " main : : proc ( ) { fmt . println ( " ¡Hola, mundo desde Odin! " ) } Construimos: $ odin build holamundo . odin - file Ejecutamos: $ holamundo .exe Recordar que si usamos Visual Studio Code podemos instalar el plugin de Odin Language: https://marketplace.visualstudio.com/items?itemName=DanielGavin.ols Ejemplo 2. Programa que muestre las variables que pod...
Publicar un comentario
Leer más

Programación Windows Batch (CMD) parte 3

De Dr. Lang
Crear ciclos para efectuar operaciones tediosas nos ahorrará tiempo para realizar otras tareas. En está ocasión veremos ciclos con FOR . ¿Cuál es la síntaxis de bucle FOR en Windows Batch? Si está dentro de un archivo *.bat : FOR %%variable IN (seq) DO operaciones Si lo ejecutamos en una terminal: FOR %variable IN (seq) DO operaciones Ejemplo 1 . Recorrer una secuencia de números del 0 al 5: recorrer.bat @ echo off FOR %%i in ( 0 1 2 3 4 5 ) DO echo Hola no. %%i pause Nos imprimirá en pantalla: Hola no. 0 Hola no. 1 Hola no. 2 Hola no. 3 Hola no. 4 Hola no. 5 ¿Puedo usar contadores? Si, se pueden usar. Ejemplo 2 . Uso de contadores: contador.bat @ echo off set numeros = 1 2 3 4 5 6 7 8 9 10 set cont = 0 for %%a in ( %numeros% ) do ( echo Hola no. %%a :: Contador set /a cont+ = 1 ) echo Total: %cont% Este código nos imprimirá, además de los mensajes Hola no. 0 ..., el total de valores conta...
3 comentarios
Leer más