ZP ZapolyarnyDev
Заметка

Как я делал этот сайт

Как я собирал личный сайт на Astro

Вернуться в блог

Об этом сайте...

На момент написания заметки автор осознал, что опять прокрастинировал до 23:00+, поэтому собирает оставшиеся к концу дня силы...

Зачем мне нужен этот сайт?

К осени прошлого года, когда я получил прошлую работу, все мои поиски подработок сводились к бесконечному сёрфингу по форумам и интернет-полю. Примерно в сентябре меня заметили, и так я устроился на свой первый постоянный проект - MineBand.

Далее все остальные работы и заказы шли через знакомства и аналогичным путём. Со временем я нашёл это крайне неэффективным: само восприятие разработчика только через сообщения не такое сильное, не так ли? И потому решил создать свой сайт, который помог бы мне в будущем. Это долгосрочный проект, который не рассчитан на скорую выгоду.

Кроме того, есть вещи, о которых я хотел бы говорить вне своего тгк-дневника (где находятся только максимально доверенные лица), ведь там я пишу только важнейшие вещи.

Основная цель - упростить представление моего опыта как разработчика

Как я пришёл к технической основе сайта?

Я очень сильно люблю смотреть личные страницы других разработчиков в интернете. В один момент я наткнулся на такое явление, как веб-ринги отдельных групп разработчиков

Да, оказалось, что разработчики (чаще в опенсорсе) любят создавать такое. Этот подход даёт многим возможность быстро рассказать о своих навыках в отдельной группе или сообществе (так мне было проще обучаться на основе проектов других людей).

Решил изучить исходники многих страниц (чаще это были западные программисты).

Пришёл к довольно хорошему паттерну со стороны кода:

  • Astro;
  • MDX-контент;
  • статическая генерация;
  • удобный движок парсинга контента;
  • минимальный клиентский JavaScript.

Со стороны дизайна:

  • быстрое понимание опыта и навыков разработчика;
  • его интересы;
  • его оригинальность;
  • желательно иметь запоминающееся сочетание стиля и цветовой палитры.

Визуальное направление

Когда дошла очередь до дизайна, тут пошёл настоящий ад. Многие люди сильно устали от минимализма, а некоторые и вовсе часто начинают видеть в нём ИИ-слоп.

Вспомнив занятия по графическому дизайну на прошлом курсе, решил наметить трёх потенциальных кандидатов:

  • Брутализм;
  • Нео-конструктивизм;
  • Деконструктивизм.

Последний отпал почти сразу, ибо все мои наброски показывали крайне низкую привлекательность для потенциального посетителя. Нео-конструктивизм же не удалось сроднить с выбранной мною цветовой палитрой, поэтому он тоже отпал.

Брутализм

После нескольких итераций я добился хороших шаблонов для сайта в стиле брутализма. Разослав их своим знакомым, понял, что это сильнее привлечёт потенциальную целевую аудиторию, и принялся к разработке!

//(Так и появился тархун >:3)

Цветовая палитра

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

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

Что дальше?

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