umarkairat.kz

Next.js + Supabase Sandbox

Домен активен

ps.kz Хостинг: Тариф "M"

✨ ГОТОВО! ✨

Автодеплой через GitHub Actions работает!

Стек готов к разработке премиум-приложения

Мы развернули Next.js App Router, настроили интеграцию с Supabase SDK, добавили Tailwind CSS и установили UI-компоненты от shadcn/ui.

Статус Supabase

Проверка подключения к вашей базе данных PostgreSQL

Мгновенный тест подключения

Вы можете вставить учетные данные вашего проекта Supabase ниже, чтобы мгновенно проверить связь прямо сейчас без редактирования файлов.

Хелпер: src/lib/supabase.tsПанель Supabase

Терминал разработчика

Основные команды для работы в директории проекта

1. Локальный сервер разработки

npm run dev

2. Статическая сборка (Static Export)

npm run build

Генерирует готовую папку out/ с файлами HTML/CSS для загрузки на ps.kz.

3. Установка новых UI-компонентов

npx shadcn@latest add [имя]

Документация и ресурсы

Next.js Docs Supabase Docs shadcn/ui Tailwind CSS

Пошаговый деплой на ps.kz

Как правильно опубликовать ваше приложение на купленном хостинге

Локальная сборка

Запустите команду npm run build в вашем терминале. Next.js автоматически оптимизирует код и скомпилирует его в папку out/ в корне проекта.

Создается папка /out

Архивация папки out

Зайдите в папку out/, выделите все её содержимое (HTML-файлы, папку _next и т.д.) и сожмите в обычный ZIP-архив (например, site.zip).

Архивируйте ВНУТРИ папки, а не саму out

Загрузка на ps.kz Plesk

Откройте панель Plesk на **ps.kz**, перейдите в **Диспетчер файлов** вашего домена `umarkairat.kz`. Откройте папку httpdocs, загрузите туда site.zip и распакуйте его на месте.

Файлы готовы к открытию

Best Practice: Автодеплой через Git

В панели Plesk на **ps.kz** есть бесплатное расширение **Git**. Вы можете привязать ваш приватный репозиторий GitHub прямо к хостингу, и при каждом коммите сайт на хостинге будет обновляться сам.

Подробнее в плане