FlutterPress — бесплатный конструктор мобильных приложений для WordPress

Конструктор мобильных приложений Flutter Press для Wordpress
Конструктор мобильных приложений Flutter Press для Wordpress

Всем привет! Давно хотел написать про один проект, который я веду уже какое-то время, но всё откладывал. Сегодня наконец решил рассказать — потому что дело сдвинулось с мёртвой точки и я серьёзно взялся за работу.

Если вам все таки понравится статья, то поставьте лайк. Это самая большая мотивация в работе. Спасибо.

Что это такое

FlutterPress — это плагин для WordPress, который позволяет создавать нативные мобильные приложения на Flutter прямо из админки. Без программирования, без Xcode, без Android Studio на старте. Просто заходишь в WordPress, открываешь конструктор, перетаскиваешь виджеты — и получаешь готовую структуру приложения для своего WooCommerce-магазина.

Идея простая: владельцы интернет-магазинов на WordPress хотят мобильное приложение, но нанимать разработчика дорого, а существующие решения либо платные и дорогие, либо привязывают тебя к чужому облаку. Я хочу сделать инструмент, который решает эту проблему — бесплатно, с открытым кодом, без подписок.

Почему Flutter

Flutter — это фреймворк от Google для создания кроссплатформенных приложений. Один код — и работает на iOS и Android. Приложения получаются нативными, быстрыми, красивыми. Это не веб-оболочка, не PWA — это полноценное приложение в App Store и Google Play.

Для e-commerce это важно: плавные анимации, быстрая загрузка, нативные жесты. Покупатель не чувствует разницы между вашим приложением и приложением крупного ритейлера.

FlutterPress — бесплатный конструктор мобильных приложений для WordPress

Что уже сделано

Скажу честно — работы ещё много, но кое-что уже реально работает:

Конструктор с drag-and-drop — в админке WordPress открывается визуальный редактор. Слева панель с виджетами, в центре превью телефона, справа настройки выбранного блока. Добавляешь виджеты кликом, двигаешь стрелками, сразу видишь результат.

Более 30 виджетов — App Bar, Tab Bar, Боковое меню, Banner Slider, Product Grid, Product List, Flash Sale, Category Icons, Login/Register формы, Wishlist, Order History, Reviews, Blog Posts и многое другое. У каждого виджета свои настройки: цвета, размеры, отступы, источник данных.

FlutterPress — бесплатный конструктор мобильных приложений для WordPress

Синхронизация с WooCommerce — товары, категории, цены берутся прямо из вашего магазина. Фильтр по категориям в настройках каждого товарного виджета. Валюта подтягивается из настроек WooCommerce — если у вас рубли, в приложении будут рубли, причём с правильным форматированием и правильной позицией символа.

Синхронизация с WordPress — блог-посты из записей WordPress отображаются в виджете Blog Posts с миниатюрами, датами, авторами и временем чтения.

9 готовых шаблонов — Fashion Luxury, Clean Minimal, Electronics Tech, Food & Grocery, Beauty & Cosmetics, Sports & Fitness, Kids & Toys, Home & Furniture, Multi Store Dark. Каждый с уникальным дизайном, цветовой схемой и готовым набором виджетов. Выбираешь шаблон, вводишь название — и сразу получаешь полноценный макет. Шаблоны в плане увеличить до 50.

Многоязычность — плагин автоматически определяет язык WordPress. Если у вас русский — интерфейс на русском. Сейчас поддерживаются русский, английский и немецкий.

Загрузка изображений — через стандартную медиабиблиотеку WordPress. Для баннеров, логотипов, иконок категорий — всё через привычный интерфейс.

Экспорт конфигурации — кнопка Export генерирует app_config.dart файл с полной конфигурацией приложения.

Страница как выглядят шаблоны. Но это тестовое. Вместо них будут реальные красивые шаблоны с UI дизайном.
Страница как выглядят шаблоны. Но это тестовое. Вместо них будут реальные красивые шаблоны с UI дизайном.

Что ещё предстоит сделать

Честно, работы ещё прилично:

  • Flutter исходники — основная задача. Нужно сделать Flutter-проект, который читает конфигурацию и собирается в готовое APK/IPA. Сейчас конфигурация генерируется, но исходников Flutter-приложения пока нет в публичном доступе.
  • Сборка приложения — инструкция и, возможно, автоматизация сборки через GitHub Actions
  • Push-уведомления — интеграция с Firebase
  • Drag-and-drop в конструкторе — сейчас блоки перемещаются кнопками ↑↓, хочу настоящее перетаскивание
  • Тёмная тема для приложения
  • Страницы корзины и оформления заказа — сейчас есть виджеты, но нужна полная логика
  • Документация

Про открытый код

Проект будет полностью бесплатным и с открытым исходным кодом. Лицензия MIT — берёте, используете, модифицируете как хотите. Для личных проектов, для учёбы, для коммерческих продуктов — без ограничений.

Скоро выложу на GitHub и Gitverse. Буду очень рад, если вы:

  • потестируете и напишете об ошибках в Issues
  • предложите улучшения через Pull Request
  • форкнете и сделаете что-то своё на основе

Это именно тот тип проектов, которые становятся лучше, когда над ними работает сообщество, а не один человек.

Почему я это делаю

Нет не для красивой истории про стартап и инвесторов. Просто давно думал, что такого инструмента не хватает в экосистеме WordPress. FluxBuilder, AppMaker и подобные — либо дорого, либо SaaS с подпиской, либо привязка к чужому серверу. Хотелось чего-то self-hosted, своего, без ежемесячных платежей.

Взялся серьёзно, и намерен довести до конца. Буду писать о прогрессе здесь.

Следите за обновлениями. Ссылки на репозитории опубликую в ближайшее время.

Если есть вопросы, идеи или хотите помочь — пишите в комментариях.