Start Building with PHPue in 60 Seconds

No installation. No configuration. No dependencies. Just pure coding joy.

⚡ Average setup time: 47 seconds

The Fastest Setup in Web Development

Seriously, it's this easy:

1

Download the Core Files

Terminal

git clone https://github.com/PHPue/PHPue my-app
cd my-app/www

Or download manually from GitHub and extract to your web root.

2

Start the Development Server

Terminal

php -S localhost:8000

That's it. Your PHPue app is now running at http://localhost:8000

3

Start Building!

Open views/index.pvue in your editor and start coding. Changes appear instantly when you refresh.

views/index.pvue

<script>
$message = "Hello, PHPue!";
</script>

<template>
    <div class="p-8 text-center">
        <h1 class="text-4xl font-bold text-phpue-blue">
          {{ $message }}
        </h1>
        <p class="text-gray-600 mt-4">You're running PHPue! 🎉</p>
    </div>
</template>

Understand Your Project Structure

Everything is organised intuitively

Project Structure

# Root Directory

www/

App.pvue

index.php

conversion.php

tailwind.config.js

pvue-injections.json

assets/

css/

js/

components/

dashboards/

forms/

Navbar.pvue

views/

index.pvue

about.pvue

docs.pvue

features.pvue

.dist/

# Auto-generated files

pages/

ajax/

# Core files

App.pvue

assets/

components/

Key Files

App.pvue - Main app with routing
views/*.pvue - Your pages
components/ - Reusable components
assets/ - CSS, JS, images

PVue Files

<script> - PHP logic
<header> - Meta tags & assets
<template> - HTML markup
<cscript> - Client JavaScript

Build Your First Component

Learn the PHPue way in 5 minutes

1. Create Your Component

components/WelcomeMessage.pvue

<template>
    <div class="bg-blue-50 border border-blue-200 rounded-lg p-6">
        <h3 class="text-xl font-bold text-blue-900">
            Hello, {{ $name }}!
        </h3>
        <p class="text-blue-700 mt-2">
            Welcome to PHPue component development.
        </p>
    </div>
</template>

No props needed! Child components automatically inherit parent variables - because that's how scope should work!

2. Use Your Component

views/index.pvue

<script>
@require WelcomeMessage 'components/WelcomeMessage.pvue';
$name = "PHPue Developer";
</script>

<template>
    <div class="p-8">
        <WelcomeMessage></WelcomeMessage>
    </div>
</template>

The $name variable is automatically available in the child component - no configuration required!