Найти в Дзене
MihVik... Перезагрузка

Как выложить свой сайт в интернет, не потратив ни рубля.

Привет! В прошлый раз я рассказывал про свой первый сайт для друга-юриста. И в конце оставил ссылку (https://thriving-froyo-95fe99.netlify.app/). Возможно, у кого-то возник вопрос: «А где, собственно, этот сайт живёт? Домен купил? Хостинг платный?» Отвечаю по порядку: «нет» и «нет». После курсов и первой радости от написанного кода встал практический вопрос: «И как теперь этим всем поделиться с миром?». Покупать домен и хостинг на этапе учёбы и первых проб — рано. Это как арендовать целый завод, чтобы испечь свою первую булку хлеба. Я начал искать бесплатные варианты. Главные условия были: «работает в России без VPN», не требует привязки банковской карты и даёт возможность залить свой код. Перелопатил кучу вариантов. - Нет. Конечно же, я обратился к своему незаменимому помощнику: Mr. DeepSeek.
И вот — список рабочих «площадок», которые стали моими полигонами, но на самом деле использован пока что только один. 1. Netlify Именно здесь размещён мой первый сайт. 2. GitHub Pages — класс

Привет! В прошлый раз я рассказывал про свой первый сайт для друга-юриста. И в конце оставил ссылку (https://thriving-froyo-95fe99.netlify.app/). Возможно, у кого-то возник вопрос: «А где, собственно, этот сайт живёт? Домен купил? Хостинг платный?»

-2

Отвечаю по порядку: «нет» и «нет».

После курсов и первой радости от написанного кода встал практический вопрос: «И как теперь этим всем поделиться с миром?». Покупать домен и хостинг на этапе учёбы и первых проб — рано. Это как арендовать целый завод, чтобы испечь свою первую булку хлеба.

Я начал искать бесплатные варианты. Главные условия были: «работает в России без VPN», не требует привязки банковской карты и даёт возможность залить свой код.

-3

Перелопатил кучу вариантов. - Нет. Конечно же, я обратился к своему незаменимому помощнику: Mr. DeepSeek.
И вот — список рабочих «площадок», которые стали моими полигонами, но на самом деле использован пока что только один.

1. Netlify

Именно здесь размещён мой первый сайт.

  • Бесплатно: даёт домен третьего уровня (типа `твоё-название.netlify.app`), SSL-сертификат (чтобы был значок замка и «https»), и его хватает для десятков учебных проектов.
  • Простота: закидываешь папку с кодом (или подключаешь GitHub) — через минуту сайт работает.
  • Работает в РФ: да, без всяких проблем. Ссылку можешь скинуть хоть маме, хоть заказчику — всё откроется.

2. GitHub Pages — классика для разработчиков (ну так говорят)

Если ты уже немного знаком с Git и GitHub — это твой выбор.

  • Бесплатно: хостит статические сайты прямо из твоего репозитория.
  • Домен вида: `твоё-имя.github.io/название-проекта`.
  • Работает в РФ: работает стабильно.

Это огромная платформа, которую разработчики используют по всему миру, доступ из России есть.

Вот есть даже статья на тему создания сайта GitHub

3. Vercel — мощно и современно

Почти как Netlify, очень популярен в мире фронтенда.

  • Бесплатно: тоже свой домен (`твой-проект.vercel.app`) и SSL.
  • Быстрое развёртывание, удобно для проектов на React, Next.js.
  • Работает в РФ: на момент написания статьи — «работает». Я специально проверил с разных устройств и операторов.

И на эту тему есть отдельная статья

4. Timeweb Cloud

Решил посмотреть, что есть на российском рынке. Timeweb даёт «бесплатный пробный период» на 30 дней для облачного сервера. Этого более чем достаточно, чтобы поиграться и выложить несколько проектов.

  • Можно зарегистрироваться без карты.
  • Работает: серверы в России, всё летает.
  • Это уже чуть сложнее, чем Netlify, но хороший шаг к «взрослому» хостингу.

В этой статье написано подробнее про данный ресурс

кто в теме, тот поймет )))
кто в теме, тот поймет )))

Почему это важно?

Эти площадки стирают последний барьер между твоим кодом на компьютере и готовым сайтом в сети. Сделал проект — сразу выложил. Можно похвастаться, добавить в портфолио, получить первую обратную связь. Это невероятно мотивирует.

Мой путь был таким: написал код → зарегистрировался на Netlify → перетянул папку с файлами в окно браузера → через 2 минуты получил работающую ссылку. Магия!

А вы где размещаете свои учебные или пробные проекты? Если знаете другие рабочие варианты — пишите в комментариях, пополним копилку полезного!

P.S. Все ссылки на момент написания статьи рабочие и проверены. Никаких VPN, только желание поделиться.

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

-5