Запрос для нейросети (финальная версия):
"Привет! Создай, пожалуйста, простой шаблон веб-проекта со следующими характеристиками:
Ключевое требование: Фронтенд и бэкенд должны находиться в одном корневом каталоге проекта и управляться как единое целое. Процесс сборки должен подготавливать и фронтенд, и бэкенд одновременно.
-
Технологический стек:
- Фронтенд: 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-логику для создания одной-двух базовых таблиц для демонстрации.
- Бэкенд должен использовать отдельный конфигурационный файл (например,
-
Структура проекта и сборка:
- Проект должен иметь четкую структуру с папками для фронтенда (например,
src/
) и бэкенда (например,api_php/
) в корне. - Единая сборка: Скрипт
npm run build
вpackage.json
должен выполнять следующие действия:- Собирать фронтенд в папку со статическими файлами (например,
dist/
). - Одновременно копировать содержимое папки бэкенда (
api_php/
), включая его подпапки (например,config/
с файломdatabase.php
), внутрь этой же папки сборки (например, вdist/api/
). - Таким образом, папка
dist/
должна содержать всё необходимое для развертывания:index.html
, статические ассеты фронтенда и папкуapi/
с PHP-скриптами и их конфигурацией.
- Собирать фронтенд в папку со статическими файлами (например,
- Проект должен иметь четкую структуру с папками для фронтенда (например,
-
Локальная разработка:
- Проект должен легко запускаться локально.
- Скрипты в
package.json
для установки зависимостей (npm install
) и запуска сервера разработки для фронтенда (npm run dev
), который должен корректно работать с PHP-бэкендом, запущенным на локальном PHP-сервере. - PHP-бэкенд должен быть настроен для работы с локальным PHP-сервером и использовать свой конфигурационный файл для подключения к БД.
-
Развертывание на виртуальном PHP-хостинге:
- Проект должен быть спроектирован так, чтобы только содержимое папки
dist/
(полученной послеnpm run build
) нужно было скопировать в корневую директорию сайта на хостинге (например,public_html/
). - Если требуются специфические настройки веб-сервера (например, Apache
.htaccess
для корректной работы React Router и маршрутизации запросов кdist/api/
), они должны быть описаны и, возможно, включены в корень папкиdist/
.
- Проект должен быть спроектирован так, чтобы только содержимое папки
-
Документация (
README.md
):- Прошу включить подробный файл
README.md
, который описывает:- Архитектуру проекта.
- Требования к серверу и локальному окружению.
- Пошаговые инструкции по установке зависимостей и запуску проекта локально.
- Инструкции по сборке проекта для production (
npm run build
). - Пошаговые инструкции по развертыванию содержимого папки
dist/
на виртуальном PHP-хостинге. - Особое внимание удели описанию настройки файла конфигурации базы данных (
database.php
): как его создать (если он генерируется, например, на основе шаблонаdatabase.sample.php
) или как его отредактировать после развертывания на хостинге с учетными данными реальной БД. В идеале, предусмотреть возможность первоначальной настройки через простой интерфейс (как в проектеtext-tabs-sync-core
), если это не усложнит демонстрационный проект. - Описание API эндпоинтов (если есть).
- SQL-скрипт для создания таблиц (если не предусмотрена автоматизация через PHP).
- Прошу включить подробный файл
Суть самого веб-приложения:
ОПИСАНИЕ, ПРОМПТ ВЭБ ПРИЛОЖЕНИЯ
(например, список задач или отображение данных из БД). Главное — продемонстрировать единый процесс разработки, сборки (включая подготовку бэкенда и его конфигурации) и последующего простого развертывания на PHP-хостинге.