52 lines
1.3 KiB
Markdown
52 lines
1.3 KiB
Markdown
# Quickstart: SvelteKit Integration
|
|
|
|
This guide provides instructions for setting up and running the SvelteKit frontend integrated with the FastAPI backend.
|
|
|
|
## Prerequisites
|
|
- Node.js 18+
|
|
- Python 3.9+
|
|
- `npm`
|
|
|
|
## Frontend Setup
|
|
|
|
1. **Initialize SvelteKit**:
|
|
```bash
|
|
cd frontend
|
|
# (Assuming migration to SvelteKit structure)
|
|
npm install
|
|
```
|
|
|
|
2. **Development Mode**:
|
|
Run the SvelteKit development server:
|
|
```bash
|
|
npm run dev
|
|
```
|
|
The frontend will be available at `http://localhost:5173`.
|
|
|
|
3. **Build for Production**:
|
|
Generate the static SPA files:
|
|
```bash
|
|
npm run build
|
|
```
|
|
The output will be in the `frontend/build` directory.
|
|
|
|
## Backend Setup
|
|
|
|
1. **Install Dependencies**:
|
|
```bash
|
|
cd backend
|
|
pip install -r requirements.txt
|
|
```
|
|
|
|
2. **Run Backend**:
|
|
```bash
|
|
python src/app.py
|
|
```
|
|
The backend will serve the static frontend files from `frontend/build`.
|
|
|
|
## Verification Steps
|
|
|
|
1. **Navigation**: Open `http://localhost:8000` (backend URL). Click on "Settings" and verify the URL changes to `/settings` without a page reload.
|
|
2. **Deep Linking**: Refresh the page at `http://localhost:8000/settings`. Verify the Settings page loads correctly.
|
|
3. **Data Loading**: Verify that the Dashboard correctly lists available plugins and Settings shows the current configuration.
|