Можно ли сделать современный сайт без React, Vue, Tailwind и Webpack?
Мы попробовали — и вот что из этого вышло.
🚧 Почему вообще отказаться от фреймворков?
Сейчас кажется, что без фреймворков никуда. Создание любого лендинга начинают с npm install.
Но мы задали себе простой вопрос:
"А что если сделать сайт полностью без сборщиков, библиотек и компонентных систем?"
Причин несколько:
- 🔄 Усталость от переусложнённой сборки
- 🐢 Долгая загрузка даже у простых страниц
- 🧪 Желание прочувствовать веб "на минималках"
- ⚙️ Контроль над каждым байтом — как в старые добрые времена
✍️ Что именно мы делали
Решили сверстать одностраничный сайт: простой промо-проект для конференции.
- Только index.html и style.css
- Без JavaScript вообще (почти)
- Без Tailwind, Bootstrap и даже normalize.css
- Без vite, webpack, npm
Файлы открываются напрямую в браузере. Никаких dev-серверов.
🧠 Что оказалось удобно
1. Старт за 5 минут
Открыл VS Code, создал два файла, и уже пишешь код. Никаких установок.
2. Полный контроль над вёрсткой
Никаких переопределений стилей компонентов. Всё своё — и всё под контролем.
3. Молниеносная загрузка
HTML и CSS весят меньше 20 КБ. Даже на слабом интернете всё загружается мгновенно.
4. Визуальный кайф
Ты как будто снова учишься. Каждая строка ощущается "своей". Это сближает с кодом.
😖 А вот что было больно
1. Повторяющийся код
Без компонентного подхода всё приходится копировать руками. Меню, футер — копипаст по 3 раза.
2. Нет динамики
Без JS ты не покажешь модалки, анимации и не соберёшь форму.
3. Без адаптива — никак
Медиа-запросы приходится писать вручную. Tailwind разбаловал.
4. Поддерживать сложно
Хотя сайт маленький, уже на третьем блоке начинаешь путаться: где какой класс, как он влияет на соседние.
Итог:
Без фреймворков можно. Иногда даже нужно.
Но как только появляется логика или масштаб — старые добрые React и Tailwind становятся незаменимыми.
🤖 А что по ощущениям?
Мы словно вернулись в 2012 год. В хорошем смысле. Писать такой код приятно. Он очень… человечный.
Если ты хочешь почувствовать радость чистого HTML и CSS — попробуй хотя бы раз. Это как пешком пройтись по маршруту, по которому обычно едешь на машине.
🧸 А что говорит Кодик?
«Ты не обязан начинать проект с 10 зависимостями. Иногда проще — значит лучше.»
Кстати, мы много обсуждаем такие эксперименты в нашем Telegram-сообществе. Присоединяйся — делимся идеями, делаем эксперименты, развиваемся вместе 💬
А ты пробовал делать сайт без фреймворков?
Поделись опытом в комментариях — это правда интересно!