раздел 03

Показать другим и отладка

Локальный - значит только для вас

localhost ведёт на ваш компьютер. Если вы отправите коллеге ссылку localhost:3000, у него она откроет его собственный компьютер, а не ваш проект. Поэтому просто переслать адрес недостаточно - нужно прокинуть мостик из интернета к вашей машине.

Туннель: дать ссылку наружу

Туннель - это сервис, который создаёт временный публичный адрес в интернете и перенаправляет все запросы на ваш локальный сервер. Самый известный инструмент для этого - ngrok.

Идея простая: dev-сервер работает на localhost:3000, вы запускаете туннель на этот порт, и в ответ получаете публичную ссылку вида https://что-то.ngrok.app. По этой ссылке проект откроет кто угодно, пока туннель работает.

ngrok http 3000

Частые проблемы и как чинить

Пишет «порт занят» (port already in use)

На этой двери уже сидит другая программа - возможно, прошлый запуск проекта не закрылся. Проще всего запустить на другом порту (инструмент часто сам предложит 3001) или закрыть старый терминал, где сервер ещё работает. Команда освобождения порта - в шпаргалке.

Страница не открывается / пустая / «не удаётся подключиться»

Скорее всего сервер не запущен или упал. Посмотрите в терминал: команда запуска должна работать и не показывать ошибку красным. Если команда завершилась - запустите её снова.

Открываю localhost:3000, а проект на другом порту

Классика. Проект мог подняться на 3001 или 8000. Откройте терминал и найдите в выводе строку с адресом - открывайте именно тот порт, который там назван.

Ссылку от агента открываю - ничего нет

Проверьте, что dev-сервер ещё жив (терминал с командой открыт). Если агент закрыл сервер после ответа - попросите его запустить заново.

Изменения не видны в браузере

Сохраните файл и обновите страницу (часто помогает обновление с очисткой кэша). Если горячая перезагрузка не сработала - перезапустите dev-сервер.