Стандартный промпт для https://lovable.dev/ Версия 2

Запрос для нейросети (финальная версия):

"Привет! Создай, пожалуйста, простой шаблон веб-проекта со следующими характеристиками:

Ключевое требование: Фронтенд и бэкенд должны находиться в одном корневом каталоге проекта и управляться как единое целое. Процесс сборки должен подготавливать и фронтенд, и бэкенд одновременно.

  1. Технологический стек:

    • Фронтенд: React (с использованием Vite для сборки) и TypeScript. Можно использовать базовые UI-компоненты (например, на Tailwind CSS или shadcn/ui).
    • Бэкенд: PHP (версии 8.0+), способный обрабатывать простые API-запросы (например, GET/POST для JSON). Расположи его в папке api_php/ (или аналогичной) в корне проекта.
    • База данных: MySQL или MariaDB.
      • Бэкенд должен использовать отдельный конфигурационный файл (например, api_php/config/database.php) для хранения параметров подключения к MySQL (хост, имя БД, пользователь, пароль, порт).
      • Предусмотри простой SQL-скрипт или PHP-логику для создания одной-двух базовых таблиц для демонстрации.
  2. Структура проекта и сборка:

    • Проект должен иметь четкую структуру с папками для фронтенда (например, src/) и бэкенда (например, api_php/) в корне.
    • Единая сборка: Скрипт npm run build в package.json должен выполнять следующие действия:
      • Собирать фронтенд в папку со статическими файлами (например, dist/).
      • Одновременно копировать содержимое папки бэкенда (api_php/), включая его подпапки (например, config/ с файлом database.php), внутрь этой же папки сборки (например, в dist/api/).
      • Таким образом, папка dist/ должна содержать всё необходимое для развертывания: index.html, статические ассеты фронтенда и папку api/ с PHP-скриптами и их конфигурацией.
  3. Локальная разработка:

    • Проект должен легко запускаться локально.
    • Скрипты в package.json для установки зависимостей (npm install) и запуска сервера разработки для фронтенда (npm run dev), который должен корректно работать с PHP-бэкендом, запущенным на локальном PHP-сервере.
    • PHP-бэкенд должен быть настроен для работы с локальным PHP-сервером и использовать свой конфигурационный файл для подключения к БД.
  4. Развертывание на виртуальном PHP-хостинге:

    • Проект должен быть спроектирован так, чтобы только содержимое папки dist/ (полученной после npm run build) нужно было скопировать в корневую директорию сайта на хостинге (например, public_html/).
    • Если требуются специфические настройки веб-сервера (например, Apache .htaccess для корректной работы React Router и маршрутизации запросов к dist/api/), они должны быть описаны и, возможно, включены в корень папки dist/.
  5. Документация (README.md):

    • Прошу включить подробный файл README.md, который описывает:
      • Архитектуру проекта.
      • Требования к серверу и локальному окружению.
      • Пошаговые инструкции по установке зависимостей и запуску проекта локально.
      • Инструкции по сборке проекта для production (npm run build).
      • Пошаговые инструкции по развертыванию содержимого папки dist/ на виртуальном PHP-хостинге.
      • Особое внимание удели описанию настройки файла конфигурации базы данных (database.php): как его создать (если он генерируется, например, на основе шаблона database.sample.php) или как его отредактировать после развертывания на хостинге с учетными данными реальной БД. В идеале, предусмотреть возможность первоначальной настройки через простой интерфейс (как в проекте text-tabs-sync-core), если это не усложнит демонстрационный проект.
      • Описание API эндпоинтов (если есть).
      • SQL-скрипт для создания таблиц (если не предусмотрена автоматизация через PHP).

Суть самого веб-приложения:


ОПИСАНИЕ, ПРОМПТ ВЭБ ПРИЛОЖЕНИЯ
(например, список задач или отображение данных из БД). Главное — продемонстрировать единый процесс разработки, сборки (включая подготовку бэкенда и его конфигурации) и последующего простого развертывания на PHP-хостинге.