1. Создаём новый репозиторий на GitHub
Зайдите на GitHub:
https://github.com Авторизуйтесь, если ещё не сделали этого.
В правом верхнем углу нажмите кнопку
“+” и выберите
“New repository”.
Введите название репо, например: my-first-app (или любое другое).
Можете добавить описание (необязательно). Выберите «Public» или «Private».
Нажмите
“Create repository”. Вы попадёте на страницу пустого репо, где будет URL вида https://github.com/ваш-ник/my-first-app.
2. Клонируем репозиторий через GitHub Desktop
Скачайте GitHub Desktop (если у вас ещё нет):
https://desktop.github.com/Установите программу и
войдите под вашим GitHub-аккаунтом.
В верхнем меню выберите
“File -> Clone repository” или кнопку
“Clone a repository from the Internet...”В списке репозиториев выберите только что созданный my-first-app (если он не появился автоматически, введите URL).
Укажите папку на вашем компьютере, где будет храниться код.
Нажмите
“Clone”. Теперь локальная папка my-first-app связана с репозиторием на GitHub.
3. Открываем локальную папку в Cursor
Запустите Cursor (AI-редактор кода).
В главном меню выберите
“Open Folder” или “Open Project”.
Найдите папку my-first-app, которую вы только что склонировали.
Нажмите
“Open”. Теперь Cursor «видит» ваш проект.
Скорее всего, в папке будет только один файл README.md (если вы его создавали) или она вообще пустая.
4. Вставляем промпт в CursorВот
универсальный короткий промпт для создания Node.js-приложения с Express и готовностью к деплою на Render. Просто замените [название приложения] на своё имя или идею, если хотите.
Привет! Помоги создать серверное приложение на Node.js (Express) для “[название приложения]”.
Хочу подключиться к MongoDB (через Mongoose) и потом задеплоить всё на Render. Укажи в .env (MONGODB_URI) строку подключения. Сделай папки models/ и routes/, чтобы добавить нужную логику. В корне пусть будет app.js, который слушает порт 3000 и при запросе к / возвращает “Добро пожаловать в [название приложения]!” В package.json добавь скрипт start: “node app.js” И, пожалуйста, сделай .gitignore для .env, чтобы я не заливал секреты. Когда будешь готов, выведи мне, какие файлы и что в них.
В Cursor (справа на панели чата) вставьте текст промпта.
Подставьте своё реальное название или краткое описание — например, «CRM для клиентов», «Блог», «Сервис заметок» и т.п.
Нажмите Enter. Cursor проанализирует запрос и предложит список изменений: обычно это создание app.js, package.json, routes/, models/, gitignore и т.д.
5. Применяем изменения и создаём файлы.
Посмотрите, что предлагает Cursor. Он может вывести дифф (изменения), где создаёт новые файлы. Если всё устраивает, нажмите
“Apply Changes”. Файлы появятся слева в структуре проекта. Cursor может также попросить уточнить детали (редко, но бывает). Если что-то не так, уточняйте в чате. Например: “Добавь модель Todo (текст, дата создания), роуты /todos для CRUD-операций.”
Или:
“Сделай страницу /about, которая возвращает текст “О нас”.”
Продолжайте вносить изменения до тех пор, пока проект не будет вас устраивать на первом этапе.6. Создаём .env и сохраняем в локальном проекте
Зарегистрируйтесь в MongoDB Atlas (
mongodb.com) — если ещё не сделали.
Создайте бесплатный кластер (Free Tier).
Скопируйте
connection string, например: mongodb+srv://username:password@cluster0.abcde.mongodb.net/retryWrites=true&w=majority
В Cursor сделайте
новый файл .env (обычно справа в Explorer нажмите “New File”).
Пропишите: MONGODB_URI=mongodb+srv://username:password@cluster0.abcde.mongodb.net/?retryWrites=true&w=majority
Не коммитим .env — Cursor уже создал .gitignore, в котором указан .env. Этот файл останется локальным, чтобы не светить секреты.
7. Делаем коммит и push через GitHub DesktopПерейдите в GitHub Desktop — вы увидите, что у вас появились новые файлы (app.js, package.json, .gitignore, папки routes/, models/ и т.д.).
Введите
сообщение коммита (например: Initial Node.js + Express setup).
Нажмите
Commit to main.
Нажмите
Push origin.
Теперь весь ваш код (кроме .env) полетел в репозиторий my-first-app на GitHub.
8. Настройка Render для деплояЗайдите на
https://render.com/ и
зарегистрируйтесь (или войдите через GitHub).
В главном меню Render нажмите
“New +” и выберите
“Web Service”.
Render попросит
доступ к вашим репозиториям. Разрешите.
Выберите ваш репозиторий my-first-app из списка.
Render прочитает package.json. Обычно он предложит команду build/start сам.
Если нужно, пропишите вручную:
Build Command: npm install (или yarn — если вы используете yarn).
Start Command: npm start (запустит node app.js, если вы прописали так в package.json).
Добавляем переменную окружения MONGODB_URI (значение вашего connection string). Render будет использовать её вместо локального .env.
В разделе
Environment (или «Add Environment Variable») впишите ключ: MONGODB_URI, а значение — тот же URL, что у вас в .env.
Нажмите
“Create Web Service” (или “Deploy”). Render подтянет код из GitHub, выполнит npm install, запустит npm start и попытается поднять сервер на 3000 порту (по умолчанию).
Ждите: в логах отобразится процесс установки. Когда статус сменится на “Live”, ваш сервис доступен.
9. Проверяем приложение онлайнRender выдаст URL вида https://my-first-app.onrender.com.
Перейдите по этой ссылке. Если всё правильно, увидите ответ вашего приложения. Например, если в app.js при GET / возвращается “Добро пожаловать в [название приложения]!”, то на экране это и появится.
Проверьте доп. роуты — /api/users, /todos, /clients — что вы там делали в промпте.
Готово! Вы задеплоили проект без ручных команд в терминале.
10. Внесение изменений и повторный деплойЕсли хотите что-то поменять, снова откройте проект в Cursor, напишите новый
промпт: “Добавь роут /about, возвращающий текст “О нас”.”
Примените изменения, и в GitHub Desktop увидите новые файлы (или редактирование старых).
Коммит ->
Push. Render увидит, что появился новый коммит, и перезапустит сборку. Через минуту у вас новая версия на том же URL.
Итог: Суперподробная схема
GitHub: заводим репо ->
GitHub Desktop: клонируем репо в папку ->
Cursor: открываем папку, вставляем промпт, генерируем код ->
.env: прописываем MONGODB_URI (локально, не пушим) ->
Commit+Push из Desktop ->
Render: создаём Web Service, подключаем репо, добавляем ту же MONGODB_URI в переменные окружения ->
Deploy -> приложение доступно по URL.
Поздравляю, вы теперь умеете пошагово создавать и деплоить веб-приложения (Express + MongoDB) с помощью Cursor, GitHub Desktop и Render —
максимально детально, без единой строки в терминале!