BeyondTrailTales - Development Options

Option 1: Production Build (Via XAMPP) ✅

View the compiled production version served through XAMPP Apache server.

Build Status: ✓ Built Successfully!

⚠️ IMPORTANT: Use the PHP Router URL!

Since mod_rewrite is not enabled, you must use:

Open App (PHP Router)
Other access methods (may not work)
Direct HTML (limited routing) Directory Index (requires mod_rewrite)

To rebuild after changes:

cd beyondtrailtales-app
build-for-xampp.bat

Option 2: Development Server (Recommended)

Use Vite's development server with hot module replacement for the best development experience.

cd beyondtrailtales-app
npm run dev

Then access:

Open Dev Server

Features: Hot reload, instant updates, better error messages

Option 3: Hybrid Setup

Run both XAMPP for backend/PHP and Vite for frontend development.

  1. Keep XAMPP running for any PHP/MySQL backend services
  2. Run Vite dev server for React frontend
  3. Configure API proxy in Vite to point to XAMPP
Current Setup: You're viewing this through XAMPP. React apps require a build step to convert JSX/TypeScript to regular JavaScript that browsers can understand.

Quick Commands

# Install dependencies (first time only)
cd beyondtrailtales-app && npm install

# Development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview