Svetafo 25 мар 2021 в 09:30

Как сделать и разместить статический сайт на Gatsby в Yandex.Cloud

10 мин

13K

Веб-разработка*Программирование*Amazon Web Services*Облачные сервисы*Serverless*

Туториал

+12

Комментарии 19

copyhold 25 мар 2021 в 10:24

Я не понял зачем нужен амазон, у яндекска нет своего S3?

-1

levashove 25 мар 2021 в 10:39

Тут же разговор только про использование амазоновского консольного клиента.

golodnyj 25 мар 2021 в 10:41

На сколько я понимаю по тексту:
1. Используется стандартная утилита AWS CLI для работы с Object Storage.

2. А при работе с gatsby подключается плагин S3, в котором по умолчанию конечно AWS S3 перенастроен на использование Yandex Object Storage — storage.yandexcloud.net

Все законно +)

roboter 25 мар 2021 в 11:50

Как то всё сложно.
А есть разница по фитчам с тем же Github Pages?

-1

Svetafo 25 мар 2021 в 12:11

А что сложного? Сравнительный анализ с Github Pages не делала, мне интереснее было освоить облачные технологии Яндекса, понять, как все работает, чтобы в будущем масштабировать разные проекты от заказчиков в Yandex.Cloud, если мне понравятся сервис и поддержка.

roboter 25 мар 2021 в 12:38

С Github Pages примерно так:

выбрать понравившийся шаблон
клонировать
изменить
запушить

Svetafo 25 мар 2021 в 13:01

C Gatsby работает похожий алгоритм, что и у вас с GP. Я о нем пишу в туториале. Думаю, последовательности везде примерно одинаковые.

Я сейчас все изменения на свой gatsby-сайт в своем облаке одной командой вношу:

npm run build && npm run deploy

Отображается мгновенно

Мне интересно также платформу Gatsby дальше изучать и с ней работать. И глубже в React погружаться.

alexsoin 25 мар 2021 в 14:51

То что задача была освоить облачные технологии это конечно хорошо, но дешевле(бесплатно) и быстрее это прицепить репозиторий к netlify и по событию пуша в мастер запускать сборку, https из коробки поддерживается, также как и кастомные домены.

Svetafo 25 мар 2021 в 15:11

Вы думаете, что если я взялась делать gss на Gatsby, то не изучила вопрос и про Netlify не слышала? Мой кроха-сайт в Облаке обойдется мне в копейки, если не бесплатно. Https из коробки не поддерживается. Домены надо тоже прикручивать.

Теперь о работе на перспективу. Если допустим у меня есть заказы на сайты от российских заказчиков, мне проще их делать и содержать/обслуживать в российском облаке, если честно. И мне выгодно платить за хорошую поддержку и сервис. Ну еще из статического сайта сделать динамический проще, когда есть под рукой сервисы одного Облака. Вот эти все факторы для меня означают «проще и дешевле». Все-таки Netlify — это совсем не Яндекс.Облако c его возможностями. Хотя стремится к этому. Все стремятся. И Gatsby свое Облако строит.

alexsoin 25 мар 2021 в 15:27

Если не трудно, можете написать сколько сайт потребляет в рублях и при какой посещаемости? Интересно, дешевле ли использовать Облако от Яндекса в сравнении с обычными хостингами

Svetafo 25 мар 2021 в 18:05

Вот калькулятор, можете прикинуть, сколько будет вам стоить в месяц хранилище Object Storage. У меня получаются смешные копейки. При размере хранилища 1 ГБ 30к GET и 30к POST-операций (что вообще маловероятно в моем случае) — 8,85 руб в месяц. Вот здесь разработчица оперирует бОльшими цифрами, но и у нее выходят какие-то несерьезные рубли.

honor8 25 мар 2021 в 18:22

Первые три действия можно пропустить, если в _config.yml прописать шаблон, который распознает Jekyll (GitHub Pages). В настройках хранилища есть раздел "Environments", в котором можно сохранять .env в зашифрованном виде (и, в теории, ссылаться на них в коде; Heroku может).

akrustam 25 мар 2021 в 18:27

К сожалению IP у *website.yandexcloud.net меняется. Сейчас у меня выдает 213.180.193.247. Пытался получить список привязанных IP, но как понимаю он периодически меняется с учетом настроек.

sojey80135 26 мар 2021 в 00:06

для тупо тестирования яндекс до сиз пор просит привязать карту?

-1

Svetafo 26 мар 2021 в 00:11

Насколько я помню, это обычная облачная практика. Еще Облака кладут на счет какие-то суммы как раз для тестирования сервисов. У меня был опыт взаимодействия и с Google Cloud, и с Yandex.Cloud — везде одна схема

uyrij 27 мар 2021 в 10:10

Сюжет стоит развить, а статью дополнить на тему — устанавливаю в Яндекс веб-хук на измененение моего репозитория со статичным getsby-js сайтом и на каждый комит (например с новой статьей материал) Яндекс билдит мой статический сайт.
Тогда все будет выглядеть равноценно связке гитхаб — контентфул — нетлифай. Я вот так пользуюсь free, бесплатно. Но с целью поддержки отечественного, рассмотрел бы Яндекс.

Svetafo 27 мар 2021 в 10:14

Согласна. Когда в Облаке появится headless CMS, станет еще удобнее. Contentful — прикольная штука, как раз в процессе изучения

Ulibka 21 мая 2021 в 09:54

На самом деле отдавать статичный контент с Яндекса по домену второго уровня можно с использованием cloudflare.com

пример:
imgprovider.site/resize/2021/5/14/89b-933-950-958-1600.jpeg

оригинальная ссылка на Яндекс:
storage.yandexcloud.net/imgprovider.site/resize/2021/5/14/89b-933-950-958-1600.jpeg

попутно отмечу что cloudflare отдает по протоколу https3.

Если будут интересны подробности — могу написать статью

ommunist 21 мар в 12:23

Спасибо, очень познавательно.
Для тех кто не читал эпическую историю с MilkyWay (она сошла с Интернета, но есть в архиве) —
Часть 1 Как просадили деньги, не посмотрев как реально работает собственный алгоритм (да и как там посмотришь)
Часть 2. Как они выжили (Гугль простил индуса, потому что наверное это был бывший сотрудник, у вас так не получится).
"Fail fast, learn fast with Cloud is a bad idea." <— стартапщик, не пробуй летать в облаках, пока не научишься ходить по земле.

Поэтому было бы классно почитать как строится облачный биллинг на Яндекс. Облаке и как считать стоимость чего-нибудь чтобы на такие грабли не наступить с яндексом.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Как сделать и разместить статический сайт на Gatsby в Yandex.Cloud

Комментарии 19

Публикации

Истории