NEXT-GEN RAILS FOR REACT & NODE

Build, ship, and deploy full‑stack apps faster with zero boilerplate.

GET STARTED DOCS

WORKS WITH

BACKED BY

TODOAPP.WASP· WASP CONFIG

app todoApp {
  title: "ToDo App",  // visible in the browser tab
  auth: { // full-stack auth out-of-the-box
    userEntity: User,
    methods: { google: {}, gitHub: {}, email: {...} }
  }
 
route RootRoute { path: "/", to: MainPage }
page MainPage {
  authRequired: true, // Limit access to logged in users.
  component: import Main from "@client/Main.tsx" // Your React code.
}
 
query getTasks {
  fn: import { getTasks } from "@server/tasks.js", // Your Node.js code.
  entities: [Task] // Automatic cache invalidation.
}

SCHEMA.PRISMA· DATA MODEL

model Task { ... } // Your Prisma data model

FEATURES

AI-Powered Terminal: Built-in Mistral AI integration. Ask questions, get code help, and solve problems directly in the terminal.
Open Source: This is the way. Wasp is fully open-source and you're welcome to contribute!
Full-stack Auth: Add login with social providers or email in a few lines of code with powerful UI helpers. No third party vendor lock-in.
RPC (Client <-> Server): Wasp provides a typesafe RPC layer that instantly brings your data models and server logic to the client.
Simple Deployment: Deploy your app to any platform. Wasp offers CLI helpers for the most popular options.
Jobs: Easily define, schedule and run specialized server tasks.
Persistent, retryable, delayable.
Email Sending: All you need to do is connect an email provider and you can send emails!
Full-stack Type Safety: Full support for TypeScript with auto-generated types that span the whole stack.
And More!: Custom API routes, database seeding, optimistic updates, automatic cache invalidation on the client, ...

HOW DOES IT WORK? 🧐

Given a simple .wasp configuration file that describes the high-level details of your web app, and .js(x)/.css/..., source files with your unique logic, Wasp compiler generates the full source of your web app in the target stack: front-end, back-end and deployment.

This unique approach is what makes Wasp "smart" and gives it its super powers!

Simple config language

Declaratively describe high-level details of your app.

LEARN MORE

Wasp CLI

All the handy commands at your fingertips.

LEARN MORE

React / Node.js / Prisma

You are still writing 90% of the code in your favorite technologies.

Goodbye boilerplate

Write only the code that matters, let Wasp handle the rest.

LEARN MORE

SHOW, DON'T TELL.

Take a look at examples - see how things work and get inspired for your next project.

Todo App (TypeScript)✅

A famous To-Do list app, implemented in TypeScript.

wasp

TodoAppTs

CODE

CoverLetterGPT🤖

Generate cover letters based on your CV and the job description. Powered by ChatGPT.

vincanger

coverlettergpt

CODE DEMO

Realtime voting via WebSockets🔌

A realtime, websockets-powered voting app built with Wasp and TypeScript.

wasp

websockets-realtime-voting

CODE DEMO

SEE ALL EXAMPLES

YOU'RE IN A GOOD CROWD

Here's what folks using Wasp say about it. Join our Discord for more!

Joan Reyero

@joanreyero

I spent the one weekend building with Wasp and it was amazing, a real pleasure. I normally develop in Vue.js, but in a weekend I had time to learn Wasp, React and finish a full-stack app (only missing styling). This would have been impossible before. So glad to see Wasp in Beta! 🍻

Tim ✌️

@tskaggs

The simplification of the main.wasp file is 👍. And it feels like a very light weight version of a few larger frameworks.

Attila Vago

@AttilaTheDev

@WaspLang has been in the back of my mind for months now. It left an impression, and I'm really not easy to impress. That's gotta mean something… #programming #webdevelopment #FullStack