Next.js из v0 - статикой на ваш домен
v0 создаёт сайты на Next.js. Включите статический экспорт - и готовая папка out загружается в Визви как обычный сайт.
Нужен аккаунт Визви и тариф «Всё».
Ещё не делали сайт? Приложите памятку в чат с v0 - сайт сразу будет готов под Визви.
Скачать памяткуNext.js умеет выдавать сайт двумя способами: с сервером и статическими файлами. Для Визви нужен второй - статический экспорт. Он включается одной строкой в настройках проекта.
outNext.js по умолчанию рассчитан на сервер. Статический экспорт превращает проект в набор HTML-страниц.
Как собрать и загрузить проект v0
Скачайте проект
Архивом или через GitHub.
Включите экспорт
В next.config добавьте output: 'export' и images: { unoptimized: true }.
Соберите
npm install, затем npm run build - появится папка out.
Загрузите out
Запакуйте содержимое out в ZIP и загрузите в Визви.
Что чаще всего ломается
Проверка Визви ловит это сразу после загрузки и подсказывает, как исправить.
Обычно мешают серверные функции: API-маршруты, server actions, getServerSideProps. Попросите v0 обойтись без них.
Оптимизатор картинок Next.js требует сервер. Помогает images: { unoptimized: true }.
Добавьте trailingSlash: true - тогда каждая страница соберётся в свою папку с index.html.
Промт для v0
Отправьте его в чат до загрузки - сайт будет готов к хостингу Визви сразу.
Подготовь проект Next.js к статическому экспорту для хостинга Визви:
- в next.config: output: 'export', images: { unoptimized: true }, trailingSlash: true;
- без API routes, server actions и getServerSideProps;
- форма заявок - <div data-vz-block="lead"></div>;
- фото - в public/images, обычным <img>, а не next/image с внешними адресами;
- проверь, что npm run build создаёт папку out с index.html.
Вопросы про v0
Почему не загрузить проект Next.js как есть?
Без экспорта Next.js нужен свой Node.js-сервер. Статический экспорт убирает эту зависимость.
Что если в проекте есть API?
API на статическом хостинге не работает. Заявки примет форма Визви, а данные можно вписать прямо в страницы.
Работают ли несколько страниц?
Да, каждая страница Next.js станет отдельным HTML-файлом в папке out.
Собрали проект? Загружайте
Проверим сайт, подскажем, что поправить, и откроем его на вашем домене.
v0 - товарный знак его владельца. Визви не связан с ним и помогает разместить сайты, созданные с его помощью.