Фронтенд и статика
Куда выложить портфолио, чтобы дать на него ссылку
Коротко
Выложить портфолио проще всего как обычный сайт: получается одна постоянная ссылка, которую можно вставить в резюме и отправить заказчику. Подойдёт и папка с index.html, и проект на React, Vue или Astro — принцип один: вы отдаёте файлы, платформа собирает их и открывает сайт по адресу с HTTPS. В Netrun это делается загрузкой архива или импортом с GitHub, а на бесплатном тарифе сайт-портфолио живёт бесконечно: он засыпает, когда его долго никто не открывает, и просыпается сам за пару секунд.
Портфолио нужно ровно для одного — дать на него ссылку: в резюме, в отклике на вакансию, в переписке с заказчиком, в шапке профиля. Поэтому вопрос «куда выложить портфолио» на самом деле звучит так: где взять адрес, который не отвалится через месяц и который не стыдно показать. Обычно ответ утомительный: арендовать сервер, поставить туда веб-сервер, получить сертификат для HTTPS и следить, чтобы всё это не упало в самый неподходящий момент.
В Netrun это одно действие: вы загружаете папку с сайтом или импортируете её с GitHub, платформа сама разбирается, что перед ней, и выдаёт публичную ссылку с HTTPS — защищённым соединением и замочком в браузере. Ссылку можно сразу вставить в резюме. Ниже — что учесть, чтобы портфолио открывалось быстро и выглядело собранно.
Соберите портфолио в одну папку#
Если портфолио — это готовая вёрстка, положите в корень папки файл index.html, а рядом стили, шрифты и картинки. Если вы собирали его на React, Vue, Svelte или Astro, отдавайте исходники вместе с package.json: сборку мы сделаем сами, а папку node_modules и уже собранную версию класть в архив не нужно. Принцип одинаковый в обоих случаях — платформа смотрит на файлы и понимает, что перед ней сайт.
Сожмите картинки и уберите тяжёлое видео#
Портфолио — это в первую очередь изображения, и именно они делают страницу медленной. Пережмите фотографии и скриншоты работ до загрузки и уменьшите их до того размера, в котором они реально показываются на странице. Тяжёлое видео лучше держать на YouTube или Vimeo и вставлять плеером: отдельного хранилища для медиа у нас нет, а ролик рядом с сайтом будет грузиться заметно дольше.
Решите, как с вами свяжутся#
Форма обратной связи сама по себе не работает: чистый HTML письмо не отправит — для этого нужен код на стороне сервера или внешний сервис форм, который принимает отправку и пересылает её вам на почту. Для портфолио честнее всего живые контакты: почта, мессенджер, ссылка на профиль. Если форма всё-таки нужна, выбирайте одно из двух — подключить внешний сервис форм или сделать портфолио не просто статикой, а небольшим приложением, которое умеет принять сообщение и отправить его вам.
Загрузите папку и заберите ссылку#
Это и есть ответ на вопрос, куда выложить портфолио: загрузите папку архивом или импортируйте репозиторий с GitHub, в том числе приватный. Netrun соберёт проект, поднимет сайт и выдаст публичный адрес с HTTPS — его можно открыть с телефона, отправить в чат и вставить в резюме. Статус публикации и логи видны в кабинете в реальном времени, поэтому ошибку видно сразу, а не по пустой странице.
Подключите свой домен, если ссылка идёт в резюме#
Адрес вида имя-фамилия.ru читается в резюме солиднее служебного. Домен покупается у регистратора отдельно, а подключается на тарифе Pro: во вкладке «Домены» укажите домен, добавьте у регистратора DNS-запись по подсказке и нажмите «Проверить». Сертификат для HTTPS выпустится сам, а отдельной записью можно добавить и вариант с www.
Обновляйте портфолио, не меняя ссылку#
Появилась новая работа в подборке — загрузите новую версию или обновите код из GitHub прямо в кабинете. Адрес остаётся прежним, поэтому переделывать резюме и профили не придётся. Автоматического обновления по git push нет: это одно действие в кабинете, зато вы точно знаете, когда портфолио меняется.
Портфолио живёт по постоянной ссылке с HTTPS, без аренды сервера и возни с сертификатом. Сайт-портфолио — как раз тот случай, когда бесплатного тарифа хватает надолго: он засыпает, когда его никто не открывает, и просыпается сам, когда по ссылке пришли. Первый заход после паузы чуть медленнее, дальше всё как обычно. Свой домен и работа без засыпания — это уже тариф Pro. Попробовать Netrun.
Частые вопросы
Как сделать на портфолио форму обратной связи?
Одной вёрсткой это не решается: HTML-форма умеет только собрать введённое, а отправить письмо она не может. Есть два рабочих пути — подключить внешний сервис форм, который принимает отправку и пересылает её вам на почту, либо сделать портфолио небольшим приложением на Python или Node.js, которое само примет сообщение. Если возиться не хочется, оставьте на странице почту и мессенджер: для отклика этого обычно достаточно.
Что загружать, если портфолио собрано на React, Vue или Astro?
Загружайте исходники вместе с package.json — сборку платформа сделает сама и покажет готовый сайт. Собранную папку и node_modules в архив класть не нужно: они только раздувают загрузку. Результат ничем не отличается от обычной вёрстки: та же публичная ссылка с HTTPS.
Можно ли выложить рядом с портфолио PDF с резюме?
Да. Положите файл в ту же папку, что и страницы сайта, и он откроется по адресу вида ваш-сайт/resume.pdf — ссылку можно дать отдельно. Имя файла лучше писать латиницей без пробелов, иначе адрес превратится в нечитаемую строку.
Почему сайт открылся, а картинки не видно?
Чаще всего дело в регистре букв в именах файлов. На вашем компьютере photo.JPG и photo.jpg — одно и то же, а на сервере это разные файлы, поэтому путь перестаёт совпадать. Проверьте, что имена в коде и в папке написаны одинаково, и что картинки действительно попали в архив, а не остались в игнорируемой папке.
Будет ли портфолио видно в поиске?
Ссылка обычная и публичная, поэтому поисковикам она доступна — но само по себе появление в выдаче не гарантировано и занимает время. Помогают заголовок страницы, короткое описание и осмысленные подписи к работам. Продвижением платформа не занимается: она отвечает за то, чтобы сайт открывался.
А если портфолио сделано в конструкторе или экспортировано из Figma?
Смотрите, что получается на выходе. Если это папка с HTML, стилями и картинками — она подойдёт, загружайте её как есть. Если конструктор умеет публиковать только у себя и экспорта файлов не даёт, переносить нечего: сначала нужно получить сами файлы сайта.
Как выложить сайт в интернет?
Загрузите код сайта ZIP-архивом или из GitHub — Netrun соберёт его и выдаст рабочую ссылку с HTTPS. Подойдёт статический сайт (HTML, CSS, JS), приложение на React или сайт на Python. Покупать домен, настраивать сервер и сертификаты не нужно.
Это бесплатный хостинг?
Для сайтов — да. На бесплатном тарифе сайт живёт сколько угодно: он засыпает без посетителей и просыпается сам, когда его открывают, а за сервер платить не нужно. Бота и фоновый скрипт можно запустить и попробовать бесплатно в течение 3 дней — они заняты постоянно и спать не умеют, поэтому дальше им нужен тариф Pro. Для нескольких проектов есть докупаемые слоты.
Можно ли подключить свой домен?
Да, на тарифе Pro, и не один: к сайту можно подключить столько своих доменов, сколько вам нужно. Откройте вкладку «Домены» на странице проекта, укажите домен, который вы купили у регистратора, и добавьте DNS-запись по подсказке — так же добавляется каждый следующий. Когда домены готовы, нажмите «Проверить»: Netrun проверит их все разом и выпустит на каждый свой HTTPS-сертификат, поэтому заминка с одним доменом не мешает остальным. Сайт открывается по любому из ваших адресов, а ссылка Netrun остаётся запасной. Если вы подключаете домен целиком (например myshop.com), можно добавить ещё одну запись, и сайт откроется и с www. Доступно для сайтов — боту и фоновому скрипту домен не нужен.
Почему мой сайт иногда засыпает?
На бесплатном тарифе сайты засыпают после простоя и просыпаются за пару секунд при первом запросе. На тарифе Pro проект работает без сна.