Узнайте, как создать собственный веб-сайт с помощью виброкода
Делиться
WordPress — это распространённая платформа для хостинга вашего сайта, где вы можете разместить своё портфолио и другие полезные материалы о себе. До перехода на WordPress я пользовался им около года и задумался о нескольких сложностях, с которыми приходится сталкиваться при его использовании:
- Создание веб-сайта – Было сложно добиться желаемого дизайна.
- Медленно — создание и обновление в WordPress происходит медленно, поскольку это редактор с функцией перетаскивания.
- Отсутствие гибкости — приходится использовать готовые компоненты. В качестве альтернативы можно использовать собственный HTML-код, но тогда всё равно придётся копировать код, что медленно.
Затем я подумал о том, насколько легко запрограммировать свой собственный веб-сайт, используя агентный инструмент кодирования, такой как Claude Code или Cursor.
Почему я трачу кучу времени на перетаскивание компонентов и все равно не получаю именно тот дизайн, который хочу, когда я могу просто попросить Claude Code сделать именно это всего за 1 минуту?
Именно тогда я решил перейти с хостинга WordPress на управление собственным сайтом, развёрнутым в Vercel (бесплатно). Главная цель этой статьи — показать вам, как это сделать и почему для этого не требуется никакого опыта программирования.
Мой веб-сайт, который я разработал, вы можете найти здесь, в этой статье.
Зачем создавать собственный сайт
Основная причина, по которой вам следует начать разрабатывать собственный веб-сайт вместо использования редактора с функцией перетаскивания, такого как WordPress или Webflow, заключается в следующем:
- Это очень просто сделать — вам буквально не нужно трогать код.
- Гораздо быстрее создавать и обновлять свой сайт
- Проекты стали намного лучше, так как программисты умеют создавать высококачественные проекты.
Поскольку это быстрее, вы также можете быстрее вносить изменения в дизайн своего веб-сайта, что очень полезно, когда вы пытаетесь создать наилучший веб-сайт из возможных.
Быстрая скорость итерации — ключ к быстрому прогрессу
Конечно, есть и противоположные аргументы, например, что у WordPress много полезных интеграций. Однако для меня плюсы значительно перевешивают минусы.
Возможность обновить свой веб-сайт, просто введя одну подсказку, например:
Сделать так, чтобы все кнопки на сайте плавно появлялись при наведении курсора.
Это буквально обновляет весь мой сайт примерно за минуту (включая обновление кода Клодом Кодом и его развёртывание в Vercel). Выполнение того же действия в WordPress, вероятно, заняло бы не менее 30 минут.
А теперь представьте, что вам приходится вносить эти изменения несколько раз в неделю. Каждый раз, когда вы добавляете новый контент на сайт или когда вы понимаете, что хотите что-то изменить. Вносить изменения непосредственно в код с помощью агентов кодирования гораздо эффективнее.
Клод напишет код для вашего собственного веб-сайта
Создание сайта
Надеюсь, вы убедились, почему стоит начать писать код для своего сайта самостоятельно (или доверить это Клоду), а не использовать редактор с функцией перетаскивания. Теперь давайте перейдём к тому, как это сделать.
Главный секрет здесь в том, что вам, по сути, не придётся много делать самостоятельно, учитывая, насколько хороши программисты в создании сайтов. Я создал сайт на основе своего предыдущего сайта, размещенного на WordPress.
Источник: towardsdatascience.com
