С чего начать
Приложения на React и других фреймворках
Преобразуйте проекты на React, Next.js, Astro и Vue
1✅ Поддерживаемые фреймворки#
Вы можете преобразовать приложения, созданные на этих популярных фреймворках:
- React (Vite) — самый популярный, рекомендуется
- Next.js — на основе React, страницы и app router
- Astro — быстрые статические сайты с компонентами React
- Vue.js (Vite) — одностраничные приложения на Vue
Всё это работает автоматически — просто загрузите ZIP вашего проекта!
2📦 Два способа загрузки#
Вариант А — загрузить исходный код (проще всего):
Просто упакуйте папку проекта в ZIP как есть и загрузите её. Наше облако соберёт его для вас автоматически.
Вариант Б — загрузить готовые файлы:
Сначала выполните «npm run build» на компьютере, затем упакуйте выходную папку (dist/, build/ или out/) в ZIP и загрузите её.
💡 Вариант А рекомендуется большинству пользователей — не нужны ни терминал, ни программирование!
3📁 Как подготовить ZIP#
- Откройте папку проекта на вашем компьютере
- Выберите ВСЕ файлы внутри (включая package.json, src/, public/ и т. д.)
- Щёлкните правой кнопкой → «Сжать» или «Отправить в ZIP»
⚠️ Убедитесь, что package.json лежит в корне ZIP, а не в подпапке.
Вы также можете скачать свой проект с GitHub сразу в виде ZIP.
4🚀 Создайте ваш APK#
- Выберите режим «Offline ZIP» на шаге 1
- Выберите ZIP-файл вашего проекта
- Приложение автоматически определит ваш фреймворк
- Заполните название приложения, значок, заставку и т. д.
- Нажмите «Generate APK» — готово!
📶 При создании проектов из исходного кода нужен интернет.
5🎯 Советы для лучшего результата#
- Делайте приложение одностраничным (SPA) — так оно работает лучше всего
- Если ваше приложение использует бэкенд/API, оставьте бэкенд размещённым онлайн
- Изображения и ресурсы из папки «public/» включаются автоматически
- Сначала проверьте приложение в браузере, чтобы убедиться, что оно работает
6❌ Что не будет работать#
- Серверные функции (запросы к базе данных, серверные API, встроенные в приложение)
- Приложения, которым для работы нужен Node.js или сервер
- Сайты на WordPress, Shopify или другой CMS
- Проекты на Svelte и Angular (скоро!)
Если ваше приложение работает в браузере без сервера, оно будет работать и как APK!
7📥 Скачайте примеры проектов#
Попробуйте эти готовые примеры проектов, чтобы протестировать функцию. Скачайте любой ZIP ниже, затем используйте его на шаге 1 в режиме «Offline ZIP», чтобы мгновенно создать APK!
8📥 Пример Next.js#
Многостраничное приложение на Next.js с маршрутизацией — отлично подходит для проверки навигации по страницам в созданном APK.
9📥 Пример Astro#
Быстрый статический сайт на Astro и компонентах React — идеально для приложений с большим количеством контента.
10📥 Пример одного HTML-файла#
Минимальный офлайн-тест из одного файла (только index.html). Удобен для быстрых проверок при поиске причин пустого экрана.
11📥 Пример HTML + CSS#
Простой офлайн-тест из двух файлов (index.html + style.css), чтобы проверить загрузку внешнего CSS в созданных приложениях.