Атаки на ланцюг постачання npm і ваш сайт
Що таке атака на ланцюг постачання npm, як недавні інциденти зачіпали звичайні сайти і які налаштування збірки ми ставимо на кожен Next.js-проєкт.
Веб-застосунок або SaaS
Розробка веб-застосунків і SaaS: від MVP до запуску
Розробка веб-застосунків і SaaS від MVP до запуску. Ми досліджуємо ваших користувачів, проєктуємо екрани й будуємо акаунти, ролі, оплати, дашборди та інтеграції. Ціна покриває першу версію, MVP, що працює в браузері. Нативні мобільні застосунки не входять.
Екранів у пакеті: 15
Для кого це
Для засновників і команд, яким потрібна робоча перша версія, MVP, у браузері, з реальними користувачами.
- Засновники, що запускають MVP свого SaaS для перших клієнтів
- Команди, що замінюють таблиці й листування нормальним інструментом
- Компанії, що будують кабінет для клієнтів чи партнерів
- Продукти, яким потрібні акаунти, ролі, оплати й дашборди
Імовірно, не підійде, якщо
- Вам потрібні нативні застосунки для iOS чи Android
- Список функцій великий і остаточний, а першої версії не передбачено
Що входить
- Дослідження користувачів і сценарії MVP, перевірені на клікабельному прототипі
- UX/UI дизайн кожного екрана з бібліотекою компонентів
- Акаунти, вхід і ролі для користувачів та адміністраторів
- Підписки й оплати через платіжного провайдера
- Дашборди й подання даних для ваших користувачів
- Інтеграції з вашими поточними інструментами, погоджені на старті
- Автотести, перевірка безпеки й тестове середовище
Не входить
| Що саме | Якщо вам це потрібно | Ціна |
|---|---|---|
| Нативні застосунки для iOS чи Android | Оцінюємо окремо | За оцінкою |
| Функції поза погодженим MVP | Оцінюємо в заявці на зміну до початку робіт | За оцінкою |
| Айдентика продукту | Додайте айдентику | 3 500 $ |
| ШІ-асистент у застосунку | Додайте чат-бот із ШІ | 4 500 $ |
| Підтримка й оновлення після запуску | Додайте план підтримки | 1 500 $ |
Розробка SaaS: акаунти, оплати й ролі
Кожному SaaS потрібні ті самі основи, перш ніж головна функція почне заробляти. Вони входять у ціну MVP.
MVP від 25 000 $, терміни 12-16 тижнів. Додаткові екрани рахує калькулятор.
| Основа | Що ми робимо | Що отримують користувачі |
|---|---|---|
| Акаунти | Реєстрація, вхід і відновлення пароля через пошту чи Google | Безпечний вхід з будь-якого пристрою |
| Ролі | Ролі власника, адміністратора й учасника з доступами до кожного екрана | Команди безпечно працюють в одному акаунті |
| Оплати | Тарифи, пробні періоди й рахунки через Stripe або Paddle | Самостійна зміна тарифу й квитанції |
| Дашборди | Подання даних і звіти для ваших користувачів | Свої показники з першого погляду |
| Адмінка | Внутрішній розділ для керування користувачами й тарифами | Ваша команда допомагає клієнтам, не чіпаючи базу даних |
Як ми це робимо
Одна команда веде продукт від дослідження до запуску, тож між дизайном і кодом нічого не губиться.
UX/UI дизайн
Дослідження користувачів і юзабіліті-тести на клікабельному прототипі вже включені, тож розробка спирається на потреби людей, а не на здогадки.
Стек на ваш вибір
На етапі дослідження ми радимо стек, а обираєте ви: Next.js або Nuxt для інтерфейсу, NestJS, Hono або Express для API, PostgreSQL або MongoDB для даних, Vercel або AWS для хостингу. Це поширені технології, які знатимуть ваші майбутні розробники.
Headless CMS, якщо потрібна
Більшості застосунків вона не потрібна. Якщо у вас є маркетингові чи довідкові сторінки, додайте налаштування CMS (2 000 $), щоб команда редагувала їх сама.
Кілька мов
Кожна нова мова перекладає інтерфейс, листи й повідомлення про помилки, а дати й числа форматуються за правилами кожної країни.
ШІ-функції у вашому продукті
Коли продукту це потрібно, ми вбудовуємо в нього ШІ-функції: підсумки, пошук по ваших даних і витягування даних з документів і фото за допомогою комп’ютерного зору та OCR. Модель обираєте ви (Claude, Gemini чи OpenAI), оплата йде на ваш акаунт.
- Фронтенд
- Next.js
- Nuxt
- React
- Vue 3
- TypeScript
- TanStack Table
- React Hook Form
- Бекенд і API
- NestJS
- Hono
- Express
- REST
- OpenAPI
- WebSockets
- Автентифікація й вхід
- Auth.js
- Keycloak
- AWS Cognito
- Google sign-in
- Microsoft Entra ID
- OpenID Connect
- Пошта й сповіщення
- Resend
- SendGrid
- Telegram bots
- Microsoft Teams
- Інтеграції
- Salesforce
- n8n
- Elasticsearch
- Typesense
- Google Calendar
- GitHub API
- Дані
- PostgreSQL
- MongoDB
- Redis
- pg-boss
- Drizzle ORM
- ШІ
- Anthropic Claude API
- Google Gemini API
- OpenAI API
- RAG with embeddings
- AI vision and OCR
- Платежі
- Stripe
- Paddle
- Хмара та інфраструктура
- AWS Lambda
- Terraform
- Docker
- Vercel
- GitHub Actions
- Якість і моніторинг
- Vitest
- Playwright
- Testcontainers
- OpenTelemetry
- Sentry
- Безпека й ланцюг постачання
- SBOM
- CycloneDX
- SPDX
- CVSS
- EPSS
- CSAF
- dependency scanning
Терміни, правки й ціна
Додаткові екрани й кожна нова мова подовжують графік. Обсяг MVP ми письмово погоджуємо до початку розробки.
Дослідження й сценарії · 2 тижні
› Ваше погодження: Сценарії користувачів і обсяг MVP
UX/UI дизайн · 3 тижні
› Ваше погодження: Усі екрани, перевірені на прототипі
Розробка двотижневими спринтами · 5 тижнів
› Ваше погодження: Робочі функції на тестовому сайті щоспринту
Тестування й безпека · 1 тиждень
› Ваше погодження: Звіт тестування й безпеки
Запуск · 1 тиждень
› Ваше погодження: Робочий застосунок і передача
Правки й погодження
- Три раунди правок на етап.
- Обсяг MVP ви письмово погоджуєте до початку дизайну.
- Під час розробки ви щодва тижні переглядаєте робочі функції на тестовому сайті.
- Зміни після погодження йдуть через заявку на зміну з ціною.
Екрани
Питання про веб-застосунки й SaaS
Що таке MVP і чому ціна покриває саме його?
MVP, мінімальний життєздатний продукт, є найменшою версією, в якій реальні користувачі можуть зареєструватися й працювати. Так ви отримуєте відгуки на місяці раніше, а ціна лишається фіксованою, бо обсяг погоджено письмово.
Чи робите ви нативні мобільні застосунки?
Не в цьому продукті. Ми робимо веб-застосунки, що працюють у будь-якому браузері, зокрема на телефонах. Якщо згодом знадобляться застосунки для iOS чи Android, вони можуть працювати з тим самим бекендом, і ми оцінимо їх окремо.
Що вважається екраном у веб-застосунку?
Окреме подання, наприклад вхід, дашборд, налаштування чи список записів. Базова ціна включає п’ятнадцять. Порожні стани, завантаження й помилки належать до свого екрана.
Кому належать код застосунку й дані користувачів?
Вам. Репозиторій, база даних, хостинг і платіжні акаунти оформлені на вас від першого дня, а ми працюємо в них як запрошені користувачі.
Що почитати далі
Чекліст безпеки сайту: CSP, HSTS, заголовки
Чекліст безпеки сайту для маркетингових проєктів: HTTPS і HSTS, робоча Content Security Policy, важливі заголовки, захист форм і оновлення залежностей.