Replit: 7 шагов от идеи до живой ссылки прямо в браузере

Что такое Replit и почему его открывают в браузере

Replit - это сайт, на котором приложение собирается и сразу публикуется в интернете, а на компьютер при этом не ставится ничего. Открыл вкладку, описал словами, что нужно, получил рабочий адрес. Всё техническое, что обычно приходится собирать самому - место для хранения кода, инструменты сборки, хранение данных приложения, защищённое соединение - Replit держит у себя, тебе трогать это не придётся

Внутри работает Replit Agent. Ты пишешь ему обычным текстом «сделай трекер расходов с формой и графиком», он показывает план, потом собирает проект и запускает его в окне предпросмотра. Текущее поколение агента вышло 11 марта 2026 года, и вот как его описывает сама компания в объявлении о выходе:

«Agent 4 takes on the tedious-but-necessary work in the background so you can stay in creative flow and ship production-ready software 10x faster»

The Replit Team, объявление о выходе Agent 4

Собирать можно не только сайты. В том же объявлении перечислены веб- и мобильные приложения, слайд-деки, приложения для работы с данными и анимации, и всё это внутри одного проекта

Сильная сторона тут одна и она же главная причина, по которой Replit берут новички: рабочее место не привязано к машине. Компьютер сдох, ноутбук остался дома, сидишь с телефона в дороге - проект открывается там же, где ты его оставил

Чем это отличается от подхода, когда всё крутится у тебя на компьютере, разбираю в гайде по вайбкодингу. А если ты ещё выбираешь, каким инструментом собирать первое приложение, начни с обзора no-code инструментов, там развилка по задачам

Что открывается на replit.com из России без VPN

Сайт replit.com открывается с российского адреса без всякого VPN, и страница тарифов тоже.

Я лично проверил это 16 августа 2026 года: отправил прямые запросы на сайт с сервера в Москве. Главная страница открылась сразу, страница тарифов - тоже. А вот страница регистрации при таком прямом обращении не открылась: вместо неё показалась защитная проверка «докажи, что ты не робот»

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

Разница между этими двумя вещами важная, потому что в обзорах их постоянно путают. Гео-блок - это когда сервис смотрит на страну и говорит «вам нельзя». Защита от роботов - это когда сервис смотрит на повадки запроса и говорит «докажи, что ты не робот, и проходи». У Replit на 16 августа 2026 года работает второе

Что ещё открылось без VPN с московского адреса: страница документации docs.replit.com, блог компании и страница входа в личный кабинет replit.com/~

Шаг 0: что нужно до старта и чего ставить не нужно

До первого клика нужны 3 вещи: браузер, почта, которую ты реально читаешь, и 10 минут времени. Ни программы для кода, ни отдельных языков программирования, ни своего сервера ставить не придётся - Replit держит всё это у себя

Почта нужна не для галочки. При регистрации через email её придётся подтвердить письмом, иначе аккаунт не достроится. Заводить одноразовый ящик не советую: на него же придут уведомления о списаниях и предупреждения о том, что бесплатная публикация вот-вот погаснет

Отдельно про Claude Code. Он в этом гайде не нужен: всё, что описано ниже, делается кнопками в браузере. Он понадобится позже - когда захочешь забрать код проекта к себе и править его на своей машине, а не через чат с агентом. Если до этого дойдёт, ставится он по отдельной инструкции по установке Claude Code, там разложено по шагам под Windows и macOS

Ещё одна вещь, которую стоит решить до старта: с какого устройства ты будешь работать чаще. Если с телефона, сразу поставь мобильное приложение Replit и заходи в него тем же аккаунтом. Если с компьютера, хватит вкладки. Смешивать можно как угодно, проект один и тот же

Шаги 1-2: регистрация на replit.com за четыре клика

На экране регистрации replit.com/signup ровно 6 способов войти и ни одного поля под номер телефона, так что зарубежная симка на входе не нужна. Вот что там стоит и что с этим делать:

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

Дальше сразу открывается рабочий экран с полем, куда пишут задание агенту. Никакого «выберите шаблон проекта» и «настройте окружение» на пути нет: первое, что ты видишь, это строка ввода

Что такое Replit Agent и чем Lite отличается от Power

Replit Agent - это тот, кто пишет приложение вместо тебя по описанию словами, и у него три режима работы: Lite, Economy и Power. На бесплатном тарифе доступен только первый

Режим переключается в настройках чата, а с клавиатуры сочетанием Cmd+Shift+I на Mac и Ctrl+Shift+I на Windows. Что за чем стоит:

Разница не в качестве вообще, а в том, сколько модель думает и сколько это стоит. Документация прямо предупреждает, где Lite ломается: «Lite works best in existing apps when you already know what you want to change». То есть на правку кнопки - да, на сборку проекта с нуля, новую интеграцию или смену схемы базы - переключайся на Economy или Power (раздел про режимы агента)

Вторая развилка проходит не по режимам, а по типу сборки. Их две: Lite build и Full build. Full build - это когда агент работает самостоятельно и долго, без твоего участия на каждом шаге. На бесплатном тарифе его нет, только Lite build (описание бесплатного тарифа)

Ещё один режим, который любят советовать в обзорах, - Plan Mode. В нём агент обсуждает задумку и не трогает код. На Starter он тоже закрыт, так что бесплатный маршрут выглядит проще: описал задачу, получил сборку, поправил

Практический вывод: на бесплатном тарифе строй небольшие вещи с понятной формулировкой. Лендинг, форма, калькулятор, простой трекер - это Lite тянет

Сколько стоит Replit Agent и за что списываются кредиты

Платишь не за сообщения, а за объём работы: Replit называет это effort-based pricing, и платным считается любое обращение к агенту. Дословно из документации по биллингу:

«All Agent interactions are billable - whether Agent responds with text guidance or makes code changes, there is always a charge, though smaller requests cost less»

Replit Docs, раздел Replit AI Billing

Единица учёта - чекпоинт. Это момент, когда агент закончил кусок работы и внёс изменения в код. На один твой запрос приходится один чекпоинт: промежуточных больше не делают, чтобы счёт не превращался в кашу. Правило простое: мелкая правка стоит дешевле, сборка целой функции дороже

Ловушка, о которой не пишут обзоры: если агент ответил текстом и ничего не поменял в коде, плата всё равно списывается. Документация формулирует это прямо: работа выполнена, чекпоинт при этом не показывают. Отсюда практика: не гонять агента вопросами «а что если», для размышлений он дорог

Отдельная строка расхода - сторонние модели внутри агента. Когда он зовёт Claude, ChatGPT или Gemini под задачу, счёт идёт по публичному тарифу самого провайдера и списывается с твоих кредитов Replit

Как за этим следить, чтобы не проснуться с сюрпризом:

1. Наведи курсор на значок расхода в чате агента - покажет стоимость конкретного чекпоинта
2. Открой Settings → Account → Account usage - там разбивка за текущий период
3. В Settings → Account → Billing выстави алерт и жёсткий лимит бюджета

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

И про счета на платных тарифах. Мелкие списания не выставляются по одному: они копятся до порога, который начинается с 50 долларов и со временем растёт до 250 в зависимости от истории платежей (раздел про биллинг)

Шаги 3-5: первое приложение от промпта до Preview

Описываешь приложение обычными словами в поле агента, он показывает план, собирает проект за несколько минут, и ты проверяешь результат в окне Preview. Три шага, все в одной вкладке

Шаг 3. Написать задание. Не «сделай сайт», а что именно должно происходить на экране. Скопируй рабочую формулировку целиком, вставь её в поле агента и нажми Enter - увидишь, как агент сразу начинает разбирать задачу на экраны:

Сделай трекер личных расходов.
Экраны: список трат, форма добавления, страница со сводкой за месяц.
В форме: сумма, категория из выпадающего списка, дата, заметка.
На сводке: сумма за месяц и разбивка по категориям столбиками.
Данные должны сохраняться после перезагрузки страницы.
Раскладка должна работать на ширине телефона.

Про то, на чём это написано внутри, спрашивать не нужно. Агент сам выбирает подходящий язык программирования под задачу, и если в поиске ты набирал «replit python» - да, такой вариант внутри есть, но выбирать его руками на этом шаге не требуется. Хочешь конкретный язык - допиши строкой «сделай на Python», агент это учтёт

Шаг 4. Прочитать план до сборки. Агент показывает, что собирается делать, до того как начнёт. Документация советует буквально: проверь, что в плане перечислены все экраны, которые ты просил (официальный сценарий первого приложения). Не хватает экрана - допиши в чат сейчас, а не после сборки, это дешевле

Шаг 5. Проверить в Preview. Сборка идёт несколько минут, прогресс виден в панели чата. Когда закончится, открывается предпросмотр. Проверяй по четырём точкам:

1. форма принимает данные и сохраняет их
2. после перезагрузки страницы данные на месте
3. на ширине телефона ничего не разъезжается
4. кнопки, которых ты не просил, никуда не ведут

Нашёл поломку - пиши агенту одной фразой, что именно не работает, и на каком экране. Общее «почини» стоит тех же денег, что и точное описание, но чинит хуже

Шаги 6-7: как опубликовать проект и какой адрес получается

Кнопка Publish стоит в правом верхнем углу редактора, и от неё до живого адреса вида имя.replit.app ровно четыре клика. Заголовок официальной страницы так и звучит: «Take your app live with a public URL you can share - in four clicks» (инструкция по публикации)

Шаг 6. Нажать Publish и настроить диалог. Откроется окно, где три вещи: поле Domain с предложенным поддоменом (его можно переписать), выбор доступа - Public, Invite only и другие варианты, и переключатель виджета обратной связи. Дальше жмёшь Publish внизу

Шаг 7. Дождаться пяти стадий и открыть адрес. Replit прогоняет публикацию через пять коротких стадий подряд - подготовка, проверка безопасности, сборка, упаковка и выход в свет, это занимает минуту-две. После этого во вкладке Publishing появляется ссылка на .replit.app, её и раздают

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

Куда физически уезжает проект, я проверил отдельно: попросил компьютер найти, на чьём сервере в интернете живёт один такой адрес. Ответ - серверы Google Cloud, и это сходится с тем, что пишет документация: инфраструктура Replit построена на Google Cloud, а опубликованные приложения размещаются в США

Заметь: сами .replit.app не проходят через ту же защиту от роботов, что и главный сайт replit.com, поэтому открываются из России без сложностей

Есть и обратный пример, тоже проверенный лично: старый демо-адрес agent-pricing.replit.app, на который до сих пор ссылается страница биллинга Replit, я тоже открыл - и такой страницы там больше нет. Демо-калькулятор стоимости, который раньше жил на этом адресе, давно снят, вместо него сервис честно показывает «This app isn't live yet»

Так на практике выглядит правило из следующего раздела: адрес живёт ровно столько, сколько живёт публикация

Ещё одна деталь про типы публикации. Для того, что собрал агент, подходят Autoscale (по умолчанию) и Reserved VM. Тип Static - только для статики без сервера, и документация прямо предупреждает, что с проектами агента он несовместим (типы публикации)

Свой домен вместо replit.app: записи A и TXT

Вкладка Domains появляется в инструменте Publishing только после того, как приложение хоть раз опубликовано, дальше нужны две записи у регистратора: A и TXT. Сертификат выпускает и продлевает сам Replit, покупать его не нужно

Порядок ручного подключения:

1. Опубликовать приложение, открыть Publishing, перейти на вкладку Domains
2. Ввести домен целиком, например moy-proekt.ru или app.moy-proekt.ru
3. Скопировать из Replit значения записей A и TXT и вставить их в панель настроек домена у регистратора - раздел там обычно называется DNS, то есть справочник интернета, который хранит, куда вести посетителей по имени сайта
4. Ждать. Проверка занимает от нескольких минут до 48 часов, статус меняется на Verified (раздел про свои домены)

Есть путь короче: Replit умеет сам записать DNS через сервис Entri, если твой регистратор поддерживается. Тогда ты входишь в кабинет регистратора прямо из окна Replit и подтверждаешь, записи проставятся без копирования

Четыре грабли, на которых спотыкаются при подключении домена:

• TXT нельзя удалять после проверки. Запись replit-verify=... должна лежать в DNS всю жизнь домена, а не только на время настройки. Удалил - следующее продление сертификата упадёт молча, и через какое-то время браузеры начнут ругаться на просроченный сертификат
• Только A, никаких AAAA. Replit работает с A-записями, а AAAA на том же имени ломает выпуск сертификата
• Проксирование Cloudflare выключить. Оранжевое облако мешает выпуску сертификата, переключай запись в режим DNS only
• www - это отдельный поддомен. Привязал moy-proekt.ru - www.moy-proekt.ru сам по себе не заработает, его надо добавить отдельной записью в той же вкладке

Домена ещё нет - берётся он у любого регистратора, а порядок покупки и привязки я разбирал в гайде про домен и хостинг; справочник интернета там настраивается так же, меняются только сами значения записей

Что входит в бесплатный тариф и где он заканчивается

Бесплатный тариф называется Starter, и главное про него - одно опубликованное приложение, ссылка которого гаснет через 30 дней. Формулировка документации дословная:

«Get 1 free published app whether you're using Lite build or Design Canvas. This published link will automatically go down after 30 days»

Replit Docs, страница бесплатного тарифа

Что при этом даёт Starter: дневные кредиты на агента, которые начисляются заново каждый день, месячные кредиты на облачные штуки (база данных, хранилище файлов, сама публикация), режим Lite build и встроенную базу. Точную цифру дневных кредитов Replit не публикует ни на странице тарифов, ни в справке, поэтому и я её называть не буду: в обзорах, где такое число стоит, оно взято не из первоисточника

На опубликованном приложении висит бейдж «Made with Replit», и внутри него твоя личная реферальная ссылка. Снимается бейдж только на платном тарифе

Цены на 16 августа 2026 года по живой странице тарифов: Core - 25 долларов в месяц или 20 при годовой оплате, и в него входит 25 долларов месячных кредитов. Pro - 100 долларов в месяц или 95 при годовой, кредитов на 100 долларов. Кредиты покрывают и агента, и публикацию, и базу; когда они кончаются, работа продолжается по факту расхода, а не встаёт

Практический вывод про количество проектов. Ограничение стоит не на «проектах», а на опубликованных приложениях: бесплатно светится ровно одно. Собирать в редакторе можно больше, но безлимит рабочих пространств обещан только Core, так что рассчитывать на бесконечную песочницу не стоит

Оплата из России: где именно упирается

Сайт открывается, регистрация проходит, бесплатный тариф работает - упирается всё на шаге оплаты, потому что деньги Replit принимает через Stripe. Собственный реестр субпроцессоров компании (replit.com/subprocessors, страница открывается и с московского адреса, проверено 16 августа 2026 года) прямо называет платёжного провайдера - вот фрагмент таблицы поставщиков с этой страницы:

Вторая половина цепочки - официальная страница Stripe о географии работы. Там перечислены 44 страны полного запуска, Индия и Индонезия в режиме превью и сеть Paystack по Африке. России нет ни в одной из групп (страница Stripe о доступности по странам)

Что из этого следует честно, без обещаний в обе стороны:

1. Бесплатный тариф Starter полностью рабочий: аккаунт, агент в режиме Lite, одно опубликованное приложение
2. Платный тариф упирается в платёжный контур, а не в блокировку по стране. Российскую карту в форме оплаты я не проверял, карты в прогоне не было, поэтому утверждать «пройдёт» или «не пройдёт» не стану
3. Оплата Core внутри мобильного приложения тоже не универсальный обход: в справке прямо оговорено, что пополнение баланса в iOS-приложении доступно только в США

Отдельно про мысль «оплачу через сервис-посредник». Решения такого рода в интернете гуляют, но они лежат вне правил самого сервиса и вне моей зоны проверки, поэтому в гайд их не тащу. Что имеет смысл сделать точно: выжать бесплатный тариф досуха и решить на нём, нужен ли платный вообще

И третья вещь, которую стоит держать в голове заранее. Даже на платном тарифе счёт идёт по расходу, а не только за подписку: мелкие списания копятся до порога и приходят одним счётом. Лимит бюджета в настройках выставляется до первой сборки, а не после

Replit на русском и что значит «replit скачать»

Русского интерфейса у Replit нет, и сайт вдобавок специально попросил браузер не предлагать автоперевод страницы.

Я лично проверил служебные пометки главной страницы 16 августа 2026 года: язык страницы значится английским, и отдельная пометка прямо просит браузер ничего не переводить. Ссылок на другие языковые версии сайта на странице нет ни одной

На практике это меньшая проблема, чем кажется. Работа идёт не с меню, а с полем ввода, и агенту можно писать по-русски: он понимает задание и отвечает на том же языке. Английскими остаются кнопки, и их немного - Publish, Preview, Domains, Settings, Billing. Этих пяти слов хватает на весь путь из этой статьи

Теперь про запрос «replit скачать». Скачивать нечего: десктопной программы для Windows или macOS у Replit нет, вся работа идёт в браузере. Единственное, что ставится на устройство, - мобильное приложение для iOS и Android со страницы replit.com/mobile

Что в мобильном приложении есть по справке: чат с агентом, правка проекта, публикация, голосовой ввод задания и Live Activities - прогресс сборки виден прямо на экране блокировки iPhone. Панели переключаются свайпом между Agent, Tools и Tasks, а проект из GitHub импортируется через меню в правом верхнем углу

Одна оговорка от самой компании: собирать нативное приложение для iPhone в мобильном приложении не выйдет, для этого надо открыть проект в веб-редакторе. Всё остальное - правки, публикация, проверка - с телефона делается спокойно

Шесть граблей, на которых спотыкается новичок

Грабля 1 и самая дорогая: данные, которые приложение записывает в свои файлы, пропадают при следующей публикации. Документация формулирует это как предупреждение - не полагайся на файловую систему опубликованного приложения, храни данные в базе или объектном хранилище. Что делать: если агент предложил «сохранять в файл», проси переделать на базу данных сразу, а не когда у пользователей пропадут записи

Грабля 2. Две базы вместо одной. У проекта отдельная база для работы в редакторе и отдельная для опубликованного приложения. Ты добавил тестовые записи в редакторе, открыл живой адрес и не нашёл их - это не поломка, это разные базы. Что делать: проверять итог на живом адресе, а не в Preview

Грабля 3. Регион фиксируется навсегда. Где приложение опубликовано, там оно и живёт: «Once you publish, your app and its resources are locked to this region». Сменить регион можно только пересозданием проекта через remix. Что делать: если для тебя важна скорость ответа для конкретной страны, выбирай регион до первой публикации, а не после

Грабля 4. Удалённое не вернуть через 30 дней. В справке Replit прямо сказано, что удалённые проекты уничтожаются безвозвратно через 30 дней после удаления. Что делать: перед удалением скачивать проект к себе, благо это делается из того же интерфейса

Грабля 5. Имя пользователя меняется ровно один раз. Второй попытки не будет, а имя лезет в адреса и в профиль. Что делать: выбирать сразу то, что не стыдно показать клиенту

Грабля 6. Поддержка живёт в другом часовом поясе. Отвечают по будням с 9 до 20 по времени Восточного побережья США. В документации Replit это подписано как Eastern Standard Time, UTC-5, но с марта по ноябрь там действует летнее время, UTC-4 - и в августе 2026 года действует именно оно. Поэтому прямо сейчас по Москве это примерно 16:00-03:00; зимой, когда часовой пояс честно совпадает с UTC-5 из документации, сдвигай на час позже - 17:00-04:00. Написал утром - ответ придёт вечером, планируй запуск с запасом

Что меняется, когда сборка не привязана к компьютеру

Меняется место, где живёт работа: проект перестаёт быть папкой на ноутбуке и превращается во вкладку replit.com, которая открывается с любого экрана, включая телефон в очереди. Правишь голосом с телефона, жмёшь Publish, и через минуту-две живой адрес отдаёт новую версию

Отсюда простая привычка: показывать раньше, чем «доделано». Бесплатная ссылка всё равно живёт 30 дней, и за эти 30 дней важнее получить пять честных откликов, чем довести до идеала то, что никто не видел. Собрал за вечер, кинул ссылку трём знакомым, послушал, что непонятно, поправил в чате агента, опубликовал заново на тот же адрес

Дальше упирается не в кнопки. Кнопки как раз закончились: ты умеешь завести аккаунт, собрать приложение, опубликовать его и привязать домен. Упирается в то, что идёт после первой сборки: как выбрать, что вообще собирать, как не утонуть в правках по кругу, как довести заготовку до вещи, за которую платят, и как повторить результат системой, а не разово

Про то, как собирается работающая вещь за один вечер и что отличает её от демо, я разбирал в материале про продукт за вечер. А общий метод, как ставить задачу ИИ, чтобы получать результат, а не бесконечные переделки, лежит в гайде по вайбкодингу

Replit хорош ровно тем, за что его тут и разбирали: он снимает вопрос «где всё это запускать». Дальше начинается вопрос «что именно строить и как довести до конца», и это уже отдельная работа

Источники

• Replit, страница тарифов - состав Starter, Core и Pro, цены и месячные кредиты на 16.08.2026
• Replit Docs, Starter Plan - бесплатный тариф, одно приложение, гашение ссылки через 30 дней, список ограничений
• Replit Docs, Replit AI Billing - effort-based pricing, чекпоинты, таблица возможностей по тарифам
• Replit Docs, Billing - кредиты подписки, пороги выставления счёта, где смотреть расход
• Replit Docs, Publish your app - публикация в четыре клика, пять стадий, адрес на .replit.app
• Replit Docs, Custom Domains - записи A и TXT, постоянство replit-verify, 48 часов на DNS
• Replit Docs, Publishing - что такое опубликованное приложение, инфраструктура GCP, размещение в США
• Replit Docs, Deployment types - Autoscale, Static, Reserved VM и Scheduled
• Replit Docs, Agent Modes - режимы Lite, Economy и Power
• Replit Docs, Replit Mobile App - мобильное приложение для iOS и Android
• Replit Blog, Introducing Replit Agent 4 - анонс Agent 4 от 11.03.2026
• Replit, реестр субпроцессоров - строка Stripe как обработчика платежей
• Stripe, доступность по странам - список стран, где Stripe работает

Памятка: от пустой вкладки до живого адреса

Десять строк пути, которые стоит держать перед глазами

Частые вопросы

Читайте также

Вайбкодинг: что это простыми словами и как начать с нуля в 2026

Метод, который работает и за пределами Replit

No code в 2026: когда хватит конструктора, а когда нужен код

Развилка по задачам, если Replit не подошёл

СИСТЕМА: первый продукт на ИИ за один вечер, по шагам (2026)

Что делать с проектом после первой публикации