What is Wasp?
Wasp (Web Application Specification) is a Rails-like framework for React, Node.js, and Prisma. Build your app in a day and deploy it with a single CLI command!
Why is Wasp awesome
- 🚀 Quick start: Due to its expressiveness, you can create and deploy a production-ready web app from scratch with very few lines of concise, consistent, declarative code.
- 😌 No boilerplate: By abstracting away complex full-stack features, there is less boilerplate code. That means less code to maintain and understand! It also means easier upgrades.
- 🔓 No lock-in: You can deploy the Wasp app anywhere you like. There is no lock-in into specific providers; you have complete control over the code (and can actually check it out in
.wasp/directory if you are interested ). - 🤖 Perfect for AI by design: Thanks to its high-level spec of the whole app, opinionated approach, built-in full-stack features, and tight integration of all parts of the stack, Wasp gives AI (agents) clear guardrails and structure, less boilerplate to manage, and better context management.
Features
- 🔒 Full-stack Auth
- 🖇️ RPC (Client <-> Server)
- 🚀 Simple Deployment
- ⚙ ️Jobs
- ✉️ Email Sending
- 🛟 Full-stack Type Safety
- ...
Code example
Simple Wasp spec file in which you describe the high-level details of your web app:
// file: main.wasp.ts
import { app, page, query, route } from "@wasp/spec";
import { MainPage } from "./src/MainPage" with { type: "ref" }; // Your React code.
import { DashboardPage } from "./src/dashboard/DashboardPage" with { type: "ref" };
import { getTasks } from "./src/queries" with { type: "ref" }; // Your Node.js code.
export default app({
name: "todoApp",
wasp: { version: "^0.24.0" },
title: "ToDo App",
head: ["<link rel='icon' href='/favicon.ico' />"],
auth: {
// Full-stack auth out-of-the-box.
userEntity: "User",
methods: {
email: {
// ...
},
google: {
// ...
},
},
onAuthFailedRedirectTo: "/login",
},
spec: [
route("RootRoute", "/", page(MainPage)),
route(
"DashboardRoute",
"/dashboard",
page(DashboardPage, {
authRequired: true, // Limit access to logged-in users.
}),
),
query(getTasks, {
entities: ["Task"], // Automatic cache invalidation.
}),
],
});
