Stillia — приложение медитаций с подпиской — кейс · Студия Дмитрия Мигунова
Все кейсы СтудияДмитрия Мигунова
Веб-приложение · PWA— Собственный продукт

Stillia — приложение медитаций с подпиской

PWA для медитаций: аудиоплеер, профиль, подписка через Lava.top, офлайн-режим и установка на главный экран. Авторизация и бэкенд — на Supabase, медиа — в Cloudflare R2.
PWAReactTypeScriptSupabaseCloudflare R2Lava Открыть проект ↗
Клиент
Собственный продукт
Роль
Идея, дизайн, разработка
Срок
MVP за ~6 недель
Год
2025
Обложка проекта · Собственный продукт
Stillia — приложение медитаций с подпиской — обложка
01— О проекте

PWA с подпиской и офлайн

Stillia — приложение для медитаций, которое работает как нативное, но ставится из браузера. Аудиоплеер, профиль, подписка и полноценный офлайн-режим: контент скачивается и доступен без интернета. Запущено на собственном домене без публикации в сторах.

ПлатформаPWA · iOS / Android / web
ПодпискаLava.top
БэкендSupabase (Postgres + Edge)
МедиаCloudflare R2
ОфлайнService Worker + кэш
Команда1 человек (senior)
02— Главное
PWA
Установка на экран, без сторов
Офлайн
Контент доступен без сети
Lava.top
Подписки и приём оплаты
Контекст

Что было

Нужно было запустить продукт медитаций с платным доступом и работой без интернета — как полноценное приложение, но без долгой публикации и комиссий сторов.

Задача

Что нужно решить

Собрать кросс-платформенное приложение с подпиской, аудиоплеером и офлайн-доступом к контенту, которое можно мгновенно обновлять.

Рамки

Ограничения

Минимальный бюджет на инфраструктуру, приём оплаты в РФ, быстрый запуск MVP.

03— Что сделал

Решение по шагам

01

Приложение на React + PWA

React + TypeScript + Vite, дизайн-система и аудиоплеер. PWA с Service Worker: установка на экран и работа офлайн.

02

Бэкенд и контент на Supabase + R2

Авторизация, профиль и данные — Supabase (Postgres, Edge Functions). Аудио и медиа — в Cloudflare R2, дёшево и быстро отдаётся.

03

Подписки через Lava.top

Приём оплаты и подписки через Lava.top с выдачей доступа к контенту после платежа.

05— Процесс

Как шла работа

Этап 1

Концепция и дизайн

Структура приложения, экраны, дизайн-система.

Этап 2

Плеер и офлайн

Аудиоплеер, кэширование, установка как PWA.

Этап 3

Бэкенд и оплата

Supabase, R2, подписки Lava, выдача доступа.

Этап 4

Запуск

Деплой на домен stillia.app.

06— Стек

На чём собрано

Frontend

  • React
  • TypeScript
  • Vite
  • Tailwind

Бэкенд

  • Supabase
  • PostgreSQL
  • Edge Functions

Интеграции

  • Lava.top
  • Web Audio

Инфра

  • Cloudflare R2
  • PWA / SW

Нужен похожий результат?

Над проектом работал лично Дмитрий Мигунов, веб-разработчик · 7+ лет. Расскажите о задаче — отвечу и назову цену со сроком.

Обсудить проект