О сайте StaminaWeb

Как я сделал сайт StaminaWeb. С чего все началось и какие технологии использовал я при создании моей личной страницы. Мой путь от любопытства до мастерства.

В начале было слово! Jamstack. Наверняка вы слышали о Gatsby, Hugo, Jekyll, Next… Все это новое поколение платформ для создания веб-страниц и имеют одну общую и новую тенденцию в веб-разработке – Jamstack, славящаяся своими многочисленными преимуществами (безопасность, производительность, стоимость и т. д.). Вот именно так я и услышал это слово, Jamstack – это новая стандартная архитектура для Интернета где используются рабочие процессы Git и современные инструменты сборки, предварительно обработанный контент передается в CDN и становится динамическим с помощью API и бессерверных функций: генераторы статических сайтов (SSG) (Gatsby, Hugo, Jekyll, Next), безголовые (headless) CMS и CDN.

Год назад не мог представить себе это, и, вероятно, не задумывался. Узнал об этой тенденции совершенно случайно, прочитал о концепции в целом в сети Reddit, и увлекшись, я начал исследовать неизвестное мне поле знаний.

Дальше нашел статью о Gatsby. Как говорится, SSG, обещающий успех и качество, я решил начать с Великого Gatsby. Наверное, выбрал его случайно. К тому времени о нем много говорили, благодаря роликам блогеров YouTube. Полем для экспериментов стала предполагаемая страница воображаемого агентства веб-девелопмента StaminaWeb, которую я должен сделать сам для себя. Так я поставил себе цель!

Признаюсь честно, я не имел ни малейшего представления об React, Markdown, Node, NPM, Yarn, GraphQL – все эти слова тогда были «китайской грамотой». И спросите, как я все это сделал? Отвечаю: копи-пастой, методом проб и ошибок, изучение бесконечных уроков, тестированием, и сквозь тысячи ошибок и микро истерик, «гори оно в аду», я сделал своего первого франкенштейна.

Для построения пользовательского интерфейса, я взял библиотеку React Bootstrap. Пробовал разные подходы и фичи, предлагаемые гуру-блогерами. Что-то получалось, что-то нет. И так, я все больше и больше увлекался этой идеей.

Дальше, когда отчасти мог понимать мой код, я модифицировал и усовершенствовал сайт, добавлял все новое идеи, алгоритмы и концепции и лепил дизайн.

Год назад не мог представить себе это, и, вероятно, не задумывался. Узнал об этой тенденции совершенно случайно, прочитал о концепции в целом в сети Reddit, и увлекшись, я начал исследовать неизвестное мне поле знаний.

В начале, хостингом сайта был сервер от компании Beget, потом узнал об технологии CDN – Netlify и Vercel, остановился на последнем и мой сайт перекочевал на их облачную платформу для статических сайтов и serverless функций.

В общем, можно сказать это все. Но опять же, мой сайт – это поле для экспериментов. Я решил подсоединить CMS и остановился на Drupal.

Итак, на сегодняшний день, когда я пишу этот пост, мой сайт имеет следующие технологии:

– Gatsby ver. 3,

– React Bootstrap – Библиотека JavaScript для создания пользовательских интерфейсов,

– Drupal, в качестве decoupled менеджер контента,

– Бесплатный хостинг от Vercel.

Уверен, со временем, что-то изменится и быть может мой сайт кардинально перестроится. И я вырасту из любопытного разработчика в большого профессионала, а мой маленький сайт-франкенштейн, станет живой личностью. God knows!