Meta tags:

Headings (most frequently used words):

full, stack, truly, the, wasp, stay, up, to, date, level, type, safe, typescript, framework, that, just, works, perfect, for, ai, by, design, way, of, roadmap, frequently, asked, questions, 01high, 02batteries, included, 03fully, yours, high, spec, auth, data, models, rpc, background, jobs, email, sending, websockets, static, rendering, simple, deployment, links, custom, http, api, cli, todo, app, coverlettergpt, waspello, scribeist, microinfluencer, club, searchcraft, onion, architecture, powerful, unique, specification, layer, greatest, latest, managed, experience, over, diy, docs, community, company,

Text of the page (most frequently used words):
wasp (103), the (54), task (38), and (37), app (33), from (33), user (33), with (28), your (27), import (27), you (25), for (22), const (21), stack (19), src (19), full (18), auth (17), route (17), entities (17), email (17), server (16), export (16), spec (15), client (15), ctx (15), type (15), code (14), userid (14), default (13), deploy (13), level (12), page (12), return (11), main (11), api (10), operations (10), web (9), prisma (9), tasks (9), high (9), link (9), string (9), counttasks (9), react (8), tsx (8), data (8), async (8), query (8), all (7), todo (7), how (7), get (7), build (7), framework (7), out (7), where (7), dev (7), layer (7), await (7), true (7), typed (7), void (7), gettasks (7), first (6), ship (6), new (6), node (6), start (6), everything (6), integrated (6), job (6), one (6), just (6), see (6), fly (6), context (6), shell (6), stats (6), function (6), params (6), chatmessage (6), socket (6), sendreminders (6), title (6), jobs (6), discord (5), not (5), what (5), more (5), need (5), experience (5), are (5), that (5), files (5), into (5), typescript (5), specification (5), unique (5), works (5), run (5), provider (5), count (5), routes (5), error (5), websocket (5), methods (5), int (5), login (5), ref (5), mainpage (5), our (4), when (4), features (4), github (4), community (4), docs (4), then (4), them (4), every (4), way (4), but (4), best (4), make (4), like (4), real (4), apps (4), ask (4), powered (4), built (4), railway (4), cli (4), less (4), button (4), res (4), getuserstats (4), rest (4), text (4), websocketfn (4), fully (4), number (4), createtask (4), cron (4), usequery (4), div (4), join (3), date (3), started (3), working (3), box (3), control (3), own (3), logic (3), needed (3), latest (3), cohesive (3), has (3), single (3), use (3), can (3), using (3), any (3), most (3), made (3), coding (3), drop (3), visit (3), site (3), platform (3), generate (3), description (3), generated (3), database (3), dockerfile (3), schema (3), config (3), ready (3), anywhere (3), does (3), batteries (3), included (3), focus (3), whole (3), load (3), numtasks (3), define (3), static (3), create (3), prerender (3), homepage (3), send (3), todoapp (3), emailsender (3), sendgreeting (3), false (3), pgboss (3), executor (3), _args (3), dailydigest (3), autoincrement (3), model (3), profilepage (3), loginpage (3), authrequired (3), onauthfailedredirectto (3), google (3), userentity (3), admin (3), deployment (3), subscribe (2), list (2), know (2), updates (2), stay (2), company (2), blog (2), reference (2), learn (2), different (2), rails (2), next (2), anything (2), here (2), questions (2), read (2), take (2), building (2), blocks (2), smaller (2), diy (2), file (2), json (2), making (2), its (2), implement (2), powerful (2), designed (2), capture (2), background (2), far (2), after (2), point (2), design (2), truly (2), apis (2), simplicity (2), founder (2), via (2), will (2), years (2), rel (2), vibe (2), taken (2), keeps (2), top (2), search (2), live (2), shipped (2), production (2), demo (2), waspello (2), coverlettergpt (2), each (2), backend (2), frontend (2), compile (2), llms (2), party (2), keep (2), keeping (2), together (2), connection (2), structure (2), easy (2), humans (2), studio (2), migrate (2), onclick (2), custom (2), http (2), taskroute (2), router (2), missing (2), param (2), time (2), launch (2), command (2), now (2), yourself (2), want (2), pricing (2), dashboard (2), homeroute (2), set (2), seo (2), emit (2), prev (2), setmessages (2), usesocketlistener (2), usesocket (2), usestate (2), chatpage (2), pages (2), username (2), identities (2), websocketdefinition (2), name (2), protected (2), agnostic (2), sending (2), off (2), done (2), findmany (2), day (2), schedule (2), isloading (2), taskcounter (2), references (2), fields (2), relation (2), boolean (2), declare (2), models (2), useauth (2), loginform (2), getmetrics (2), admindashboard (2), version (2), safe (2), open (2), httperror (2), inc, rights, reserved, backed, mailing, resources, careers, bluesky, twitter, tutorial, getting, support, only, currently, hard, ruby, django, nuxt, gatsby, covered, frequently, asked, work, never, stops, coming, glimpse, roadmap, manifesto, don, down, big, replace, ones, managed, over, chasing, bleeding, edge, critically, track, curate, trends, provide, deeply, stand, behind, greatest, configured, usually, mix, conventions, naming, rules, mini, dsls, pulls, sdk, power, class, citizen, giving, superpowers, stands, describe, behaviour, thoughts, details, underlying, very, generation, focused, approach, allow, solution, definition, goes, thought, initial, central, since, inception, idea, rely, curated, practice, solutions, assume, aim, surface, highest, covers, cases, peel, trading, flexibility, onion, architecture, philosophy, peakmastering, robbie, artress, would, harder, sleep, night, cutting, corners, feel, secure, senior, engineer, memoato, hrvoje, pavlinovic, minimal, intervention, try, builder, well, captures, engineering, believe, become, devs, looking, technology, couple, pure, genius, game, changing, been, many, back, educator, kenny, rogers, already, pains, care, hireveld, marcel, coetzee, builders, conversations, share, hang, engine, product, teams, keyword, precision, plus, semantic, understanding, searchcraft, connect, brands, micro, influencers, marketing, campaigns, microinfluencer, club, writing, workspaces, novels, blogs, essays, notes, scribeist, running, today, examples, trello, style, kanban, board, lists, draggable, cards, cover, letters, based, chatgpt, todoappts, famous, implemented, implementations, fork, shows, complete, locally, example, treat, compiler, output, look, there, vps, representation, intermediate, write, alongside, usual, compiles, supercharges, directly, always, txt, crafted, team, shaped, rule, skills, plugins, tooling, loop, even, heavy, lifting, give, overview, means, bigger, codebase, tidy, reducing, chance, mistakes, saving, tokens, smart, things, break, glues, points, space, bugs, security, issues, boilerplate, important, clear, practices, why, loves, possible, opinionated, ideal, too, perfect, tests, test, visualize, migrations, under, spin, local, scaffold, manage, lifecycle, log, console, req, while, still, being, expressjs, sometaskid, taskurl, utils, such, tsak, tasklist, taskpage, turns, declarations, component, object, wrong, path, hash, optional, segments, generates, deployable, 38s, redeployed, 14s, https, env, registering, provisioning, postgres, setting, setup, magic, deploying, supported, providers, wherever, comes, easier, prerendering, dashboardpage, dashboardroute, pricingpage, pricingroute, speed, llm, content, messages, anon, msg, alive, glad, html, welcome, subject, finduniqueorthrow, automatically, sender, defaultfrom, mailgun, smtp, dummy, sendgrid, emails, later, 3600, delay, submit, reminder, unfinished, reminders, 9am, offs, retries, external, service, total, message, loading, functions, call, gql, reactive, tanstack, seed, action, have, through, themable, profile, profileroute, loginroute, fromfield, premade, customizable, signup, forms, lower, adminroute, icon, href, favicon, ico, head, home, ops, specialized, terms, think, webhooks, links, simple, ssg, rendering, websockets, retry, rpc, social, instead, wiring, gives, makes, source, lock, third, cloud, dependency, host, yours, much, laravel, uniquely, serves, backbone, connects, parts, properties, isdone, desc, orderby, 401, throw, key, map, automatic, cache, invalidation, rootroute, npm, documentation, wired, line, beautifully, era, menu, meet, 100,

Text of the page (random words):
eautifully with ai get started documentation npm i g wasp sh wasp cli latest main wasp ts mainpage tsx tasks ts schema prisma 1 import app page query route from wasp sh spec 2 import mainpage from src mainpage with type ref 3 import gettasks from src tasks with type ref 4 5 export default app 6 wasp version 0 24 0 7 title todo app 8 auth full stack auth out of the box 9 userentity user 10 methods google github email 11 onauthfailedredirectto login 12 13 spec 14 route rootroute page mainpage 15 authrequired true 16 17 query gettasks 18 entities task automatic cache invalidation 19 20 21 1 import gettasks usequery from wasp client operations 2 3 export function mainpage 4 const data tasks usequery gettasks 5 6 return 7 div 8 h1 tasks h1 9 tasks map task 10 div key task id task description div 11 12 div 13 14 1 import type gettasks from wasp server operations 2 import httperror from wasp server 3 import task from wasp entities 4 5 export const gettasks gettasks void task async 6 _args 7 context 8 9 if context user throw new httperror 401 10 11 return context entities task findmany 12 where user id context user id 13 orderby id desc 14 15 1 model user 2 id int id default autoincrement 3 email string unique 4 tasks task 5 6 7 model task 8 id int id default autoincrement 9 description string 10 isdone boolean default false 11 user user relation fields userid references id 12 userid int 13 properties 01 high level a uniquely powerful config layer serves as a backbone that connects all parts of the stack frontend backend database and deployment 02 batteries included like rails and laravel focus on your app not your framework auth jobs email deploy and much more built in 03 fully yours open source no lock in no third party provider or cloud platform dependency host anywhere features instead of wiring everything yourself wasp gives you a cohesive set of full stack features so you can focus on what makes your app unique high level spec app auth route full stack auth username email social data models typed integrated type safe rpc typed client server background jobs cron one off retry email sending provider agnostic websockets typed real time static rendering ssg for seo llms simple deployment one command any platform type safe links typed routes params custom http api rest webhooks wasp cli create build deploy see all in the docs define your app via a specialized full stack logic layer in typescript using high level terms like app route page think framework config but taken to a whole new level main wasp ts 1 import app job page query route from wasp sh spec 2 3 import admindashboard from src admin dashboard with type ref 4 import dailydigest getmetrics from src admin ops with type ref 5 import homepage from src pages home with type ref 6 7 export default app 8 name todoapp 9 title todo app 10 wasp version 0 24 0 11 head link rel icon href favicon ico 12 auth 13 userentity user 14 methods email google 15 onauthfailedredirectto login 16 17 spec 18 route homeroute page homepage 19 route 20 adminroute 21 admin 22 page admindashboard authrequired true 23 24 query getmetrics entities task user 25 job dailydigest 26 executor pgboss 27 schedule cron 0 7 28 29 30 declare the auth methods you want wasp does the rest use the high level api of premade but customizable login signup forms or drop lower and implement your own main wasp ts 1 2 auth 3 userentity user 4 methods 5 email fromfield email email protected 6 google github 7 8 onauthfailedredirectto login 9 10 spec 11 route loginroute login page loginpage 12 route 13 profileroute 14 profile 15 page profilepage authrequired true 16 17 src auth loginpage tsx 1 import loginform from wasp client auth 2 3 export default function loginpage 4 return loginform ready made themable drop in 5 src user profilepage tsx 1 import useauth from wasp client auth 2 3 export default function profilepage 4 const data user useauth 5 return p hi user identities email id p 6 declare your data models in prisma have them integrated and fully typed through the whole stack schema prisma 1 model task 2 id int id default autoincrement 3 title string 4 done boolean default false 5 user user relation fields userid references id 6 userid int 7 main wasp ts 1 2 spec 3 query counttasks entities task 4 action createtask entities task user 5 job dailydigest executor pgboss entities task user 6 src task operations ts 1 2 export const counttasks counttasks void number 3 async _args ctx ctx entities task count shell 1 wasp db start db 2 wasp db migrate dev wasp db studio wasp db seed define functions on the server call them from the client no need for rest gql fully typed and reactive powered by tanstack query main wasp ts 1 2 spec 3 query counttasks entities task 4 src task operations ts 1 import type counttasks from wasp server operations 2 3 export const counttasks counttasks void number async _args ctx 4 return ctx entities task count 5 src task taskcounter tsx 1 import usequery counttasks from wasp client operations 2 3 export default function taskcounter 4 const data count isloading error usequery counttasks 5 if isloading return p loading p 6 if error return p error error message p 7 return p count tasks in total p 8 cron jobs one offs retries all working out of the box no external service needed main wasp ts 1 2 spec 3 job sendreminders 4 executor pgboss 5 schedule cron 0 9 every day at 9am 6 entities task user 7 8 src reminders ts 1 import type sendreminders from wasp server jobs 2 3 export const sendreminders sendreminders userid number void 4 async userid ctx 5 const tasks await ctx entities task findmany 6 where done false userid userid 7 8 send a reminder email for each unfinished task 9 src task operations ts 1 import type createtask from wasp server operations 2 import sendreminders from wasp server jobs 3 4 export const createtask createtask title string task 5 async title ctx 6 const task await ctx entities task create data title userid ctx user id 7 await sendreminders submit userid ctx user id delay 3600 one off 1h later 8 return task 9 provider agnostic integrated api for easy sending of emails from your web app main wasp ts 1 2 emailsender 3 provider sendgrid or mailgun smtp dummy 4 defaultfrom email email protected name todoapp 5 6 auth 7 8 methods 9 email will automatically use the email sender 10 11 src user operations ts 1 import type sendgreeting from wasp server operations 2 import emailsender from wasp server email 3 4 export const sendgreeting sendgreeting userid number void 5 async userid ctx 6 const user await ctx entities user finduniqueorthrow where id userid 7 await emailsender send 8 to user email 9 subject welcome to todoapp 10 html h1 glad you are here h1 11 12 make your web app alive with a fully integrated websocket experience using socket io main wasp ts 1 2 websocket fn websocketfn src websocket ts 1 import type websocketdefinition from wasp server websocket 2 3 type websocketfn websocketdefinition 4 chatmessage msg string void client server 5 chatmessage m user string text string void server client 6 7 8 export const websocketfn websocketfn io context 9 io on connection socket 10 const user socket data user identities username id anon 11 socket on chatmessage text io emit chatmessage user text 12 src pages chatpage tsx 1 import usestate from react 2 import usesocket usesocketlistener from wasp client websocket 3 4 export default function chatpage 5 const messages setmessages usestate user string text string 6 const socket usesocket 7 usesocketlistener chatmessage m setmessages prev prev m 8 return button onclick socket emit chatmessage hi send button 9 set prerender true to get the best speed seo llm experience for your static content main wasp ts 1 2 spec 3 route homeroute page homepage prerender true 4 route pricingroute pricing page pricingpage prerender true 5 route dashboardroute dashboard page dashboardpage 6 shell 1 wasp build 2 prerendering 2 routes 3 4 pricing no magic you are deploying just a react node js prisma app deploy with a single command to supported providers fly io and railway for now or deploy yourself wherever you want comes with a generated dockerfile to make it easier shell fly io 1 wasp deploy fly launch my todo app 2 setup create db deploy 3 registering apps provisioning postgres setting env 4 live at https my todo app client fly dev 2m 14s 5 6 wasp deploy fly deploy 7 redeployed 38s shell railway 1 wasp deploy railway launch my todo app shell diy 1 wasp build generates deployable code in wasp out 2 ls wasp out 3 dockerfile server web app db ship them anywhere wasp turns your route declarations into a typed link component and routes object so a wrong path or a missing param is a compile time error works with route params search query hash and optional static segments main wasp ts 1 2 spec 3 route taskroute task id page taskpage 4 src task tasklist tsx 1 import link from wasp client router 2 3 4 link to task id params id task id link ok 5 link to tsak id params id task id link no such route 6 link to task id params link missing param id 7 src task utils ts 1 import routes from wasp client router 2 3 4 const taskurl routes taskroute build params id sometaskid e g task 1 5 define custom http apis while still being integrated with the rest of your web app entities auth powered by expressjs main wasp ts 1 2 spec 3 api get api me stats getuserstats 4 entities task 5 auth true 6 7 src user stats ts 1 import type getuserstats from wasp server api 2 3 export const getuserstats getuserstats async req res ctx 4 const numtasks await ctx entities task count 5 where userid ctx user id 6 7 res json numtasks 8 src user stats tsx 1 import api from wasp client api 2 3 export default function stats 4 const load async 5 const res await api get api me stats 6 console log res data numtasks 7 7 8 return button onclick load load stats button 9 a single cli to manage your whole app lifecycle shell 1 wasp new my app scaffold a new full stack app 2 wasp start run client server in dev 3 wasp start db spin up a local dev database 4 wasp db migrate dev run migrations and more under wasp db 5 wasp studio visualize your app s structure 6 wasp test client run your tests 7 wasp build generate production ready code 8 wasp deploy ship it to your provider ai perfect for ai by design by making wasp as easy as possible for humans opinionated high level batteries included we made it the ideal framework for ai too ask why ai loves wasp clear best practices and structure keep ai s focus on what is important less boilerplate less code less space for bugs and security issues no connection points where things break wasp glues everything together less code smaller context saving tokens and keeping your ai smart batteries included means bigger building blocks keeping ai on point codebase tidy and reducing chance of mistakes ask how does wasp keep me in control wasp s spec files give you a unique high level overview of your app high level code keeps you in the loop even when ai does the heavy lifting ask first party ai tooling rule files skills and plugins crafted by the wasp team and shaped by community experience so you get the most out of your ai llms txt built directly from the docs and always up to date see how wasp supercharges vibe coding how it works you write your app as high level config in wasp ts files alongside the usual react node and prisma code wasp compiles it into a full stack app ready to deploy anywhere your code wasp ts tsx ts schema prisma dockerfile wasp cli compile ir intermediate representation generate generated code frontend react backend node database prisma deploy fly railway your vps treat the generated code like any compiler output you can look at it but there is no need to example apps reference implementations to learn from fork or deploy each one shows a complete wasp app read the code run it locally ship it your way todo app a famous to do list app implemented in typescript todoappts see the code coverlettergpt generate cover letters based on your cv and the job description powered by chatgpt coverlettergpt demo see the code waspello a trello style kanban board with lists draggable cards and user auth waspello demo see the code see all examples shipped with wasp live apps the community built and shipped on top of wasp running in production today scribeist ai writing platform with workspaces for novels blogs essays and notes visit site microinfluencer club connect brands with micro influencers to run marketing campaigns visit site searchcraft ai powered search engine for product teams with keyword precision plus semantic understanding visit site join the community real builders real apps real conversations drop into discord to ask questions share what you re working on or just hang out wasp is by far the best for ai coding the high level wasp file keeps me on top of everything marcel coetzee founder hireveld if you start with wasp 80 of the pains of vibe coding are taken care of for you already kenny rogers dev rel ai first educator made with wasp wasp is as game changing for me as react has been many years back its simplicity and how well it captures most full stack engineering tasks is pure genius i believe wasp will become the 1 web technology in just a couple years it has everything that most web devs are looking for w wasp builder via discord everything just works on the first try minimal intervention needed for anything hrvoje pavlinovic senior engineer memoato just using ai would make it harder to sleep at night with wasp i feel secure like i m not cutting any corners robbie artress founder peakmastering our philosophy the way of the wasp onion architecture we aim to make every surface of wasp a layer of apis highest level covers 80 of the use cases and then you can peel layer after layer as you need more trading simplicity for flexibility rely on curated best practice solutions by default assume more control where when you need it truly full stack in wasp full stack is not an after thought it is the initial and central point of our design since inception of wasp as an idea the very way wasp is designed with unique specification layer to capture the full stack logic and with code generation focused approach in the background is to allow us to capture all of what a web app is into one solution to take the definition of full stack as far as it goes a powerful unique full stack specification layer wasp stands for web app specification you describe the full stack behaviour specification of your app in wasp ts files at the level of your thoughts route auth job then implement the details in the underlying stack react node prisma every full stack framework has a way to be configured but it is usually a mix of file conventions naming rules mini dsls and json files wasp pulls all of that into a single cohesive sdk with the full power of typescript making the specification a first class citizen and giving wasp its superpowers greatest latest we are not chasing the ble...