qurle  
← to all thoughts

С новым сайтом

7 января 2024 г.
Hello.

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

Ура!

Сайт крут тем, что у тебя всегда есть свой адрес, где лежат твои работы и контакты. Да, это как инста или беханс, но ты сделал его сам.

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

дальше на программистском

Мой первый сайт был сделан буквально на коленке, развивать его было интересно, но со временем он стал превращаться в снежный ком.

Я не использовал бандлер, добавлял всё новый js-файлы и загружал их по-отдельности — это увеличивало нагрузку на сеть. Я не использовал компоненты (кроме хедера и футера) и куча кода дублировалась — это замедляло мою работу и увеличивало шанс на ошибку. У меня не было модулей и изолированных стилей — это мешало кастомизировать отдельные части сайта. А ещё я просто банально меньше знал всякого в кодинге.

Где-то через год я начал делать второй сайт. Он был на Gatsby. Там всё уже было по-взрослому. Компоненты, модули, сборка, реакт. Реакт…

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

Это — третья версия, и пока она лучшая из всех.

Я написал её на Astro. Я готов нахваливать этот фреймворк, потому что он позволил мне работать с компонентами, изолированными стилями, импортами и тайпскриптом, при этом не изучая React, Vue или Svelte. Компоненты состоят из привычного HTML, скрипты — на JS или TS. Стили поддерживают пре- и постпроцессоры (я использовал SASS). И всё это комбинируется в одном файле. Для каждого компонента разметка, стили и логика в одном месте — красота же.

Плюс получилось перейти на Vercel, деплоить по пушу в мастер и хранить данные в нереляционной базе данных (прости, SQL). В общем, с момента создания qurle.net знаний стало больше, а Developer Experience сильно прокачался. А значит появилась возможность делать что-то более сложное и крутое.

Это был тяжелый путь, который продлился больше двух лет. И он на этом не заканчивается. Добро пожаловать на новый сайт.

g
o
t
o
t
o
p