Создание собственного веб-сайта с помощью ИИ: простое решение

Узнайте, как создать собственный веб-сайт с помощью виброкода

Делиться

WordPress — это распространённая платформа для хостинга вашего сайта, где вы можете разместить своё портфолио и другие полезные материалы о себе. До перехода на WordPress я пользовался им около года и задумался о нескольких сложностях, с которыми приходится сталкиваться при его использовании:

• Создание веб-сайта – Было сложно добиться желаемого дизайна.
• Медленно — создание и обновление в WordPress происходит медленно, поскольку это редактор с функцией перетаскивания.
• Отсутствие гибкости — приходится использовать готовые компоненты. В качестве альтернативы можно использовать собственный HTML-код, но тогда всё равно придётся копировать код, что медленно.

Затем я подумал о том, насколько легко запрограммировать свой собственный веб-сайт, используя агентный инструмент кодирования, такой как Claude Code или Cursor.

Почему я трачу кучу времени на перетаскивание компонентов и все равно не получаю именно тот дизайн, который хочу, когда я могу просто попросить Claude Code сделать именно это всего за 1 минуту?

Именно тогда я решил перейти с хостинга WordPress на управление собственным сайтом, развёрнутым в Vercel (бесплатно). Главная цель этой статьи — показать вам, как это сделать и почему для этого не требуется никакого опыта программирования.

Мой веб-сайт, который я разработал, вы можете найти здесь, в этой статье.

Зачем создавать собственный сайт

Основная причина, по которой вам следует начать разрабатывать собственный веб-сайт вместо использования редактора с функцией перетаскивания, такого как WordPress или Webflow, заключается в следующем:

• Это очень просто сделать — вам буквально не нужно трогать код.
• Гораздо быстрее создавать и обновлять свой сайт
• Проекты стали намного лучше, так как программисты умеют создавать высококачественные проекты.

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

Быстрая скорость итерации — ключ к быстрому прогрессу

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

Возможность обновить свой веб-сайт, просто введя одну подсказку, например:

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

Это буквально обновляет весь мой сайт примерно за минуту (включая обновление кода Клодом Кодом и его развёртывание в Vercel). Выполнение того же действия в WordPress, вероятно, заняло бы не менее 30 минут.

А теперь представьте, что вам приходится вносить эти изменения несколько раз в неделю. Каждый раз, когда вы добавляете новый контент на сайт или когда вы понимаете, что хотите что-то изменить. Вносить изменения непосредственно в код с помощью агентов кодирования гораздо эффективнее.

Клод напишет код для вашего собственного веб-сайта

Создание сайта

Надеюсь, вы убедились, почему стоит начать писать код для своего сайта самостоятельно (или доверить это Клоду), а не использовать редактор с функцией перетаскивания. Теперь давайте перейдём к тому, как это сделать.

Главный секрет здесь в том, что вам, по сути, не придётся много делать самостоятельно, учитывая, насколько хороши программисты в создании сайтов. Я создал сайт на основе своего предыдущего сайта, размещенного на WordPress.

Источник: towardsdatascience.com