Как сделать сайт на ноутбуке в 2026: что нужно из программ и железа

Чтобы сделать сайт на ноутбуке, мощная машина не нужна: тяжёлые вычисления идут на серверах ИИ-сервиса, а ноутбук показывает браузер и хранит файлы будущей страницы. Ниже: какие требования к железу действительно важны, что поставить на чистый ноутбук, чем локальная работа отличается от онлайн-конструктора и куда положить готовый сайт, чтобы он открывался по адресу.

Какое железо нужно на самом деле

Ориентир удобнее брать не из советов в интернете, а из требований самих инструментов. Для Claude Code в документации Anthropic заявлены 4 ГБ оперативной памяти, процессор x64 или ARM64, macOS 13.0 и новее либо Windows 10 версии 1809 и новее, плюс постоянное подключение к сети. Редактор кода требует ещё меньше: Visual Studio Code просит процессор от 1,6 ГГц, 1 ГБ памяти и меньше 500 МБ на диске.

• Видеокарта не нужна. Нейросеть считает ответ на стороне сервиса, ваш ноутбук отправляет текст задачи и получает готовый код.
• Память важнее процессора. Четырёх гигабайт хватает, чтобы всё запустилось, на восьми спокойнее живут браузер с десятком вкладок и редактор одновременно.
• Диск почти не расходуется. Сама страница весит килобайты, место занимают служебные папки проекта, если вы соберёте что-то сложнее лендинга.
• Интернет обязателен. Без сети ИИ-помощник не ответит, хотя уже написанный сайт вы откроете в браузере локально, двойным кликом по файлу.
• Возраст ноутбука сам по себе не приговор. Ограничивают версия операционной системы и тип процессора, а не год покупки.

Если ноутбук слабый, не начинайте с установки программ. Соберите первую страницу прямо в браузере, посмотрите, нравится ли вам процесс, и только потом ставьте что-то локально.

Что поставить на чистый ноутбук

Минимальный комплект состоит из двух вещей: свежий браузер и аккаунт в ИИ-сервисе. Всё остальное добавляется по мере того, как вам захочется работать с файлами сайта напрямую.

1. Браузер. Chrome, Firefox или Edge последней версии. В браузере работают и чат нейросети, и онлайн-конструкторы, и панель хостинга, куда вы потом выложите сайт.
2. Аккаунт в ИИ-сервисе. Проверьте условия доступа заранее: Claude Code, например, работает на платных тарифах Pro, Max, Team, Enterprise или Console, бесплатный план claude.ai его не включает.
3. Десктопное приложение ИИ-помощника. Для большинства это основной путь. Claude Code скачивается со страницы claude.com/product/claude-code: для macOS универсальная сборка под Intel и Apple Silicon, для Windows отдельные установщики x64 и ARM64, для Linux бета в виде apt или .deb (документация). Codex от OpenAI живёт внутри единого приложения ChatGPT: на Windows оно ставится из Microsoft Store, на macOS сборка идёт под Apple Silicon.
4. Редактор кода, если хотите видеть файлы. Visual Studio Code бесплатен и открывает папку с сайтом как обычный проводник: слева список файлов, справа содержимое index.html.
5. Терминал и CLI, если привычнее командная строка. Отдельно ставить терминал не нужно, он уже есть: Терминал на macOS, PowerShell или CMD на Windows.

Установка Claude Code через терминал занимает одну команду, для разных систем она своя.

# macOS и Linux
curl -fsSL https://claude.ai/install.sh | bash

# Windows, PowerShell
irm https://claude.ai/install.ps1 | iex

Node.js для такой установки не требуется, она приносит готовый бинарник. Он нужен только при установке пакетом npm: с версии 2.1.198 пакет ждёт Node.js 22 и новее, а в статусе активной LTS сейчас Node.js 24. На Windows пригодится ещё Git for Windows: при первом открытии вкладки Code в приложении Claude он обязателен, поэтому поставьте его заранее, а после установки перезапустите приложение.

По теме: Как сделать уведомления на сайте в 2026: на странице и push

Локальная работа и онлайн-конструктор: в чём разница

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

• В онлайн-конструкторе всё происходит на чужом сервере. Ноутбуку достаточно тянуть браузер, зато вы ограничены тем, что сервис разрешает выгрузить, и платите за его тариф.
• При локальной работе файлы лежат у вас. Папка с index.html и картинками принадлежит вам целиком, её можно перенести на другой хостинг, скопировать на флешку, открыть через год.
• Локально проще править мелочи. Поменять заголовок или цвет кнопки быстрее в файле, чем ждать пересборки на стороне сервиса.
• Онлайн-путь прощает слабое железо. Если ноутбуку десять лет и он не тянет редактор, браузерный сценарий остаётся рабочим.
• Смешивать можно. Многие собирают каркас в конструкторе, скачивают файлы и дальше дорабатывают их локально с ИИ-помощником.

Маршрут от пустого ноутбука до страницы в интернете

1. Проверьте систему. На Windows откройте «Параметры», раздел «О системе», и посмотрите версию и разрядность. На macOS то же самое в меню Apple, пункт «Об этом Mac». Сверьте с требованиями инструмента, который выбрали.
2. Заведите папку проекта. Например, Документы/moy-sayt. Внутри неё будет жить всё: файлы страницы, картинки, черновики текстов.
3. Откройте ИИ-помощника и опишите задачу. Кто вы, для кого сайт, какие блоки нужны, какой тон. Чем конкретнее описание, тем меньше правок потом.
4. Получите файлы и посмотрите результат. Готовую страницу открывают двойным кликом по index.html, она откроется в браузере как обычный сайт, только адрес будет локальный.
5. Пройдите два-три круга правок. Просите менять по одному блоку за раз и каждый раз обновляйте страницу в браузере, так проще понять, что именно изменилось.
6. Проверьте вид на телефоне. Уменьшите окно браузера до узкой полосы: если текст не расползается и кнопки не наезжают друг на друга, мобильная версия в порядке.
7. Выложите сайт наружу. До этого шага страница видна только вам, дальше нужен хостинг и адрес.

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

По теме: Как сделать сайт-визитку в 2026: три способа и готовый промпт

Где сайт лежит после публикации

Пока файлы лежат на ноутбуке, сайта в интернете нет: выключили машину, и открыть его некому. Нужен хостинг, то есть чужой компьютер, который держит файлы включёнными круглосуточно. Для страницы без базы данных подойдут бесплатные варианты.

• GitHub Pages. Опубликованный сайт не может быть больше 1 ГБ, действует мягкий лимит 100 ГБ трафика в месяц и 10 сборок в час, а использовать сервис как бесплатный хостинг для коммерции правила запрещают.
• Cloudflare Pages. На бесплатном плане до 500 сборок в месяц и до 20 000 файлов в проекте, а отдельный файл на любом плане не больше 25 MiB (лимиты платформы).
• Российский хостинг с доменом в зоне .ru. Вариант для тех, кому нужны оплата картой РФ, документы для бухгалтерии и понятная поддержка на русском. Как это устроено, мы разбирали в статье про сайт в зоне .ru.

Технически публикация выглядит просто: вы отдаёте хостингу папку с файлами, он выдаёт адрес. Свой домен можно прикрутить позже, к уже работающей странице.

Windows и macOS: чем отличается работа

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

• Установщики разные. Для macOS обычно один файл .dmg (у Claude универсальная сборка сразу под Intel и Apple Silicon), для Windows отдельные версии x64 и ARM64 либо установка из Microsoft Store.
• Приложению Codex нужна macOS 14 и новее. На странице загрузки предлагается сборка под Apple Silicon, но в официальных требованиях указаны и процессоры Intel, а если система старее, остаются браузерная версия и командная строка.
• Терминал называется по-разному. На macOS это Терминал и оболочка zsh, на Windows PowerShell или CMD. Команды установки из-за этого отличаются, перепутать их легко.
• Пути к файлам выглядят иначе. На Windows это C:\Users\Имя\Документы, на macOS /Users/Имя/Documents. Когда ИИ-помощник просит указать папку проекта, формат важен.
• Windows даёт запасной вариант в виде WSL. Это встроенная подсистема Linux, в ней ИИ-инструменты ведут себя так же, как на Mac, но осваивать её сразу не обязательно.

Частые вопросы

Подойдёт ли ноутбук, которому 8-10 лет?

Смотрите не на возраст, а на систему. Если ноутбук обновляется до macOS 13 или Windows 10 версии 1809, вы попадаете в заявленные требования. Если система старше и не обновляется, останется браузерный путь: чат нейросети и онлайн-конструктор откроются в любом современном браузере.

Нужно ли платить за программы?

Браузер и Visual Studio Code бесплатны, публикация на GitHub Pages или Cloudflare Pages на стартовых объёмах тоже. Платить приходится за доступ к самой нейросети: у Claude Code бесплатный план такого доступа не даёт. Домен и хостинг в зоне .ru оплачиваются отдельно, обычно раз в год.

Можно ли собрать сайт без установки чего-либо?

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

Сильно ли ноутбук нагреется от такой работы?

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