nufat/nutemplete

Fast & Lightweight PHP Template Engine with Blade Directives & HTML Component Support

Maintainers

Package info

github.com/nufatID/Nutemplete

pkg:composer/nufat/nutemplete

Transparency log

Statistics

Installs: 55

Dependents: 1

Suggesters: 0

Stars: 1

Open Issues: 0

v3.0.4 2026-07-29 01:41 UTC

This package is auto-updated.

Last update: 2026-07-29 01:44:57 UTC


README

PHP Version Nutemplete Version License

Nutemplete adalah Template Engine PHP yang sangat cepat, ringan, dan fleksibel. Menggabungkan sintaks Blade Directives (Laravel) dengan HTML Tag Components ala React JS (<nu-layout-dodol> & self-closing <nu-component />).

🌟 Fitur Utama (v3.0.4)

  • Super Fast & Lightweight: Performa tinggi tanpa overhead.
  • ⚔️ Blade Directives: Mendukung direktif @extends, @section, @yield, @if, @foreach, @unless, @auth, @guest, @json, @asset, dan @flash('success').
  • 🧩 HTML Components (<nu-*>): Sintaks tag HTML komponen kustom seperti <nu-card title="Halo">Konten</nu-card>.
  • 🖼️ Native Layout Blocks: Dukungan inheritance layout berbasis $this->extend() dan $this->block().
  • 📱 QR Code Helper: Terintegrasi dengan QR Code generator bawaan.

💻 Cara Instalasi

composer require nufat/nutemplete

📖 Cara Penggunaan

1. Inisialisasi Environment

use Nufat\Nutemplete\Render;

$renderer = new Render(__DIR__ . '/views', '.nu.php');

// Output template
echo $renderer->render('home', [
    'title' => 'Nutemplete Modern',
    'users' => [
        ['name' => 'Baim', 'role' => 'Admin'],
        ['name' => 'Nurani', 'role' => 'Assistant']
    ]
]);

2. Sintaks Layout Blade-Style (views/layout.nu.php)

<!DOCTYPE html>
<html>
<head>
    <title>@yield('title', 'Nutemplete App')</title>
</head>
<body>
    <header>
        <h1>Aplikasi Web</h1>
    </header>

    <main>
        @yield('content')
    </main>
</body>
</html>

3. Child Template (views/home.nu.php)

@extends('layout')

@section('title', $title)

@section('content')
    <h2>Daftar Pengguna</h2>

    @foreach($users as $user)
        <p>{{ $user['name'] }} - {{ $user['role'] }}</p>
    @endforeach
@endsection

4. HTML Custom Component Tag (<nu-card>)

Buat berkas komponen di resource/components/card.nu.php:

<div class="card">
    <div class="card-header">{{ $title }}</div>
    <div class="card-body">
        {!! $slot !!}
    </div>
</div>

Gunakan di tampilan apapun:

<nu-card title="Pengumuman">
    <p>Ini adalah isi komponen card secara otomatis!</p>
</nu-card>

📜 Lisensi

MIT License - Dibuat oleh Nufat.id