Развертывание стека MERN на Vercel и Render | Бесплатное развертывание приложения node.js и React

В этом видео вы узнаете о развёртывании бэкенда и фронтенда на разных серверах: render.com и vercel.com. Ссылка на развёртывание: https://vicharlikhita.vercel.app/ Это мой способ решения этой задачи. Если у вас есть другие способы, поделитесь ими в комментариях ниже. Разверните ваше полнофункциональное приложение всего за 19 минут Развертывание бэкенда 🚩 Шаг 1: Подключите MongoDB Atlas как базу данных Шаг 2: Создайте файл .env и добавьте переменные окружения Шаг 3: Отправьте свой код на Github Шаг 4: Развертывание бэкенда на render.com Развертывание фронтенда 🚩 Вы можете использовать CLI (интерфейс командной строки) или графический пользовательский интерфейс для развертки вашего приложения React.js 🎓Полезные ссылки Развертывание бэкенда на https://render.com/ Развертывание фронтенда на https://vercel.com/ Главы 00:00 Введение в развертывание 00:28 Объяснение структуры папок 01:20 Подключение к базе данных Mongo Atlas 04:00 Создание файла .env 07:25 Отправка кода на GitHub 08:51 Развертывание бэкенда на Рендер 11:14 Проверка работы фронтенда с развёрнутым бэкендом 14:20 Развёртывание фронтенда на Vercel 17:22 Повторное развёртывание бэкенда после обновления кода 18:19 Повторное развёртывание фронтенда после обновления кода 19:00 Подсветка комментариев Не забудьте подписаться на мой канал YouTube @SumansAcademy