Коли Y Combinator сказав мені та моєму братові-близнюку, що ми шукаємо «святий Грааль для розробників», ми навіть не підозрювали, чи досягнемо успіху. Сьогодні Wasp має понад 15 000 зірок GitHub і підтримує тисячі веб-додатків від побічних проектів до інструментів зі списку Fortune 500.
У цій публікації я покажу вам, як ми пройшли шлях від ідеї спростити веб-розробку на JavaScript до створення одного з найшвидше зростаючих повноцінних фреймворків в екосистемі JavaScript.
DSL для розробки веб-додатків — це священний Грааль, і багато хто зазнав невдачі, намагаючись його створити
Це відгук від Y Combinator, коли ми з Матією (мій брат-близнюк) вдруге подали заявку на Wasp у травні 2020 року. На той момент ми працювали над Wasp протягом 1,5 років, останні дев’ять місяців повний робочий день. Ми звільнилися з попередньої роботи й пішли ва-банк.
Сьогодні Wasp має понад 15 000 зірок на GitHub . Що ще важливіше, розробники з будь-яким досвідом використовували його для розробки тисяч веб-додатків , від побічних проектів, які перетворилися на придбані або прибуткові підприємства, до венчурних стартапів і внутрішніх інструментів, застосованих у компаніях зі списку Fortune 500.
Деякі люди полюбили Wasp і його бачення. Завдяки їм ми отримуємо задоволення від роботи. Без спільноти, яка зібралася навколо Wasp (понад 4000 розробників у нашому Discord), ми б навіть близько не досягли того, де ми зараз. Для них ми продовжуємо просуватися до святого Грааля, який обіцяли.
Наша робота тільки почалася, але ми радіємо їй як ніколи.
The journey of Wasp – отримання від 0 до 15 000 зірок на GitHub
Як і в більшості історій успіху, успіх рідко відбувається лінійно. Зазвичай це починається з тривалого періоду «посухи» з періодичними ознаками життя, а потім настає момент, коли все клацає разом і починає рухатися дуже швидко. Ми пережили те саме, і це виглядало приблизно так:
Початок Wasp - «Чому б і ні?»
На початку Wasp був лише ідеєю або, точніше, питанням: « Чому цього ще ніхто не створив? Що б ми дізналися, якби спробували? » Витративши десятиліття на розробку веб-додатків і використання всіх основних стеків технологій (від PHP до Java і Node.js на сервері до Backbone, Angular і React на клієнті), ми відчували біль «втоми від фреймворку», тобто винаходження колеса з кожним новим стеком.
Тож ми почали думати про це та викласти речі на папері (добре, Google Slides). Ось як народилася початкова ідея для Wasp — чи можемо ми створити фреймворк, який усуне багато шаблонів, пропонуючи абстракції вищого рівня, але все ще буде достатньо гнучким і не буде суворо прив’язаним до конкретного стеку та архітектури?
Тепер дивлячись на це, це справді звучить як святий Грааль.
Потрапити в YC і все по-справжньому
Ми вже звільнилися з роботи рік тому і були досить виснажені та сумнівалися щодо всієї концепції. Ми завоювали певну популярність і отримали багатообіцяючі відгуки від Reddit, Hacker News і Product Hunt, але ми також почали усвідомлювати, скільки роботи потрібно, щоб привести веб-фреймворк із повним стеком до стану, коли його можна використовувати, особливо з урахуванням амбітних вимог, які ми поставили перед собою.
Нарешті ми потрапили в YC, коли подали заявку втретє. Вони стежили за нашим прогресом за останній рік і, побачивши ажіотаж спільноти, вирішили зробити ставку на нашу божевільну ідею.
Wasp переходить у бета-версію та далі – MAGE та OpenSaaS
Дивлячись на графік, ви можете помітити дві ключові точки перегину. Перший відбувся в липні 2023 року, коли ми запустили MAGE , GPT SaaS, який використовує Wasp під капотом (ви можете думати про це як одноразовий Loveable/Bolt). Це був один з перших продуктів LLM, який міг створити робочий повноцінний веб-додаток, привернувши багато уваги до Wasp.
Другий важливий каталізатор зростання стався в грудні 2023 року із запуском OpenSaaS , нашого стартового SaaS з відкритим кодом, створеного на основі Wasp, який зараз має майже 10 000 зірок на GitHub.
Ми зрозуміли, що більшість розробників справді хочуть почати працювати над своєю ідеєю якнайшвидше, не вибираючи та не об’єднуючи разом усі різні функції, необхідні кожному SaaS – автентифікація, платежі, інформаційна панель адміністратора, надсилання електронних листів, блог, …
І це саме те, що ми надали – 100% безкоштовний і відкритий вихідний код, високоякісний SaaS-стартер на основі React, Node.js, Prisma та Wasp . По суті, OpenSaaS став «убивчим додатком» для Wasp, оскільки він приваблює розробників спробувати його та зрозуміти, наскільки корисним є фреймворк.
Open SaaS також чудово поєднується з такими інструментами, як Cursor або WindSurf. Завдяки надійній структурі Wasp і примітивам вищого рівня багато розробників вважають його ідеальним поєднанням для перетворення своїх SaaS-ів від ідеї до програми, готової до виробництва, за лічені дні.
Мова/DSL проти фреймворку – то який із них Wasp?
Як ви можете бачити з наведених вище прикладів, ми використовували назву Wasp як мову, а DSL – доменно-специфічну мову. Саме з цих причин ми спочатку вирішили мати рівень абстракції, який у майбутньому зможе працювати з будь-якою мовою, бібліотекою та архітектурою.
Для цього нам потрібно було представити наш власний компілятор, який би спочатку проаналізував специфікацію вашої програми, яку ви визначили через Wasp (наприклад, ваші маршрути, асинхронні завдання, операції бази даних, …), об’єднав її з «власним» кодом, який ви написали в React & Node.js, і, нарешті, згенерував програму React/Node.js. Фактично це означало, що ми винайшли власну мову, хоча й дуже обмежену та просту.
Ось як ми спочатку представили Wasp, але зрозуміли, що це неправильний спосіб думати про це. За своєю функцією Wasp є веб-фреймворком, як Laravel, Rails або Next.js. Той факт, що він використовує компілятор під капотом, є просто деталлю реалізації, яка надає йому суперздатності. Наприклад, завдяки цьому підходу ми можемо легко візуалізувати топологію всієї вашої програми за допомогою команди wasp studio , від бази даних до серверних і клієнтських компонентів:
Шлях до версії 1.0 і створення фреймворку JavaScript наступного покоління
Це історія про те, як Wasp опинилася там, де вона є сьогодні.
що далі Після майже п’яти років розробки та отримання відгуків від вас ми маємо досить чітке уявлення про те, як має виглядати Wasp 1.0. Простіше кажучи, ми вирішили створити повноцінну структуру з найкращим досвідом розробника. Ми хочемо, щоб ви зосередилися на створенні свого продукту та витрачали якомога менше часу на боротьбу зі своїм стеком.
Подумайте, що Rails і Laravel зробили для Ruby і PHP – ми робимо те саме для сучасної екосистеми JS на основі ШІ.
Щоб стежити за нашою історією та підтримати нас, будь ласка, позначте Wasp на GitHub і приєднайтеся до нас на Discord — ми не можемо дочекатися, щоб побачити вас там!
