Ara Framework

Ara Framework

  • Docs
  • Blog
  • GitHub

›Nova Directives

Getting Started

  • Nova architecture (Universal Rendering)
  • Nova architecture (Client-Side Rendering)
  • Quick Start
  • Render views on page

Tools

  • Nova Proxy
  • Nova Cluster

Nova Directives

  • Handlebars
  • Jinja2
  • Laravel Blade

Nova Bridge

  • What is it?
  • React
  • Vue.js

Nova Bindings

  • React
  • Vue.js
  • Angular
  • Svelte
  • Preact
Edit

Laravel Blade Nova Directive

hypernova-blade-directive enables you render a Hypernova placeholder for Nova Proxy using Laravel Blade.

Setup

Install Nova Directive for Laravel Blade using Composer inside the project folder.

composer require marconi1992/hypernova-blade-directive

Add NovaServiceProvider in application config config/app.php


return [
    ...
    'providers': [
        ...
        Illuminate\View\ViewServiceProvider::class,
        /*
         * Package Service Providers...
         */
        Marconi\Nova\NovaServiceProvider::class,
        /*
         * Application Service Providers...
         */
        App\Providers\AppServiceProvider::class,
        ...
    ]
    ...
]

Use Nova Directive in a Laravel view

Add the Example view on the welcome page.

resources/views/welcome.blade.php

<html>
    ...
    <body>
        ...
        <div class="content">
            <div class="title m-b-md">
                Laravel
            </div>
            <!-- Nova Directive starts -->
            @hypernova('Example', [ 'title' => 'Ara Framework'])
            <!-- Nova Directive ends -->
        </div>
        ...
    </body>
</html>

Tutorial

Take a look in the next post: Universal Rendering in Laravel using Vue.js and Ara Framework

← Jinja2What is it? →
  • Setup
  • Use Nova Directive in a Laravel view
  • Tutorial
Ara Framework
Docs
Getting Started
Community
Stack OverflowTwitter
More
BlogGitHub
Follow @AraFramework
Copyright © 2020 Ara Framework