📚 Cursor: вайбкодинг веб-сайтов для SEO

Соберёшь SEO-сайт на Next.js в Cursor, выложишь его на VPS и подключишь аналитику

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ

Уроки (22)

1 Почему Cursor подходит для технического SEO Продолжить → 2 Цель курса и критерии готовности сайта (Definition of Done) → 3 Пайплайн разработки сайта: 10 этапов от структуры до поддержки → 4 Интерфейс Cursor, выбор модели и тарифы → 5 Интерфейс Cursor: режимы Chat и Inline для правок кода → 6 Контекст в чате Cursor и файл .cursorrules с правилами проекта → 7 Файл cursor.rules на практике: как правила задают палитру, шрифты и стиль сайта → 8 Модели Cursor, тарифы и лимиты: как не сжечь подписку → 9 Двигатель блоков на React: контент отдельно от кода, роутинг и динамическое SEO → 10 Архитектура проекта в Cursor: выбор стека, структура папок и документация для ИИ → 11 Каркас страниц и навигация: Layout, Header и Footer в Cursor → 12 Контент-система без CMS: статьи, картинки и отзывы в JSON-файлах → 13 Роутинг «фабрики посадочных» в Next.js и кастомная страница 404 → 14 Блоковая архитектура: страницы из JSON-массива блоков в Next.js → 15 Редизайн готового сайта в Stitch и перенос дизайн-концепции в Cursor → 16 Дизайн в Stitch и перенос макета в React-проект через Cursor → 17 Рендеринг и индексируемость: проверки «что видит бот» → 18 Sitemap.xml и robots.txt в Next.js: автогенерация из JSON и исключение страниц → 19 Деплой сайта на VPS: сервер, домен, SSL и systemd → 20 Деплой приложения: SSL-сертификат через Certbot и автопродление → 21 Скорость и PageSpeed: как проверить страницу и поднять результат с помощью Cursor → 22 Яндекс Метрика: подключение счётчика и цель на форму заявки →

О курсе

Курс показывает, как SEO-специалист может собрать и запустить сайт с помощью Cursor, не будучи разработчиком. Он рассчитан на тех, кто занимается техническим SEO и хочет сам делать посадочные, а не ждать очереди разработки. Начинаем с интерфейса Cursor, режимов Chat и Inline, контекста, файла правил проекта, моделей и тарифов. Дальше разбираем архитектуру: стек, структуру папок, документацию для ИИ и двигатель блоков на React, где контент хранится отдельно от кода. Затем собираем проект: Layout, Header и Footer, контент в JSON без CMS, роутинг «фабрики посадочных» с кастомной 404, блоковые страницы и дизайн через Stitch. В технической части проверяем, что видит бот, генерируем sitemap.xml и robots.txt, деплоим на VPS с доменом, SSL через Certbot и systemd, смотрим скорость в PageSpeed и подключаем Яндекс Метрику с целью на форму заявки.