The Twig-View PHP component helps you render Twig templates in your application. This component is available on Packagist, and it’s easy to install with Composer like this:
composer require slim/twig-view Next, you need to add the middleware to the Slim app:
<?php use Slim\Factory\AppFactory; use Slim\Views\Twig; use Slim\Views\TwigMiddleware; require __DIR__ . '/../vendor/autoload.php'; // Create App $app = AppFactory::create(); // Create Twig $twig = Twig::create(__DIR__ . '/../templates', ['cache' => false]); // Add Twig-View Middleware $app->add(TwigMiddleware::create($app, $twig)); Note: For production scenarios, cache should be set to some 'path/to/cache' to store compiled templates (thus avoiding recompilation on every request). For more information, see Twig environment options
Now you can use the slim/twig-view component service inside an app route to render a template and write it to a PSR-7 Response object like this:
$app->get('/', function ($request, $response) { $view = Twig::fromRequest($request); return $view->render($response, 'home.html.twig', [ 'name' => 'John', ]); }); // Run app $app->run(); In this example, $view invoked inside the route callback is a reference to the \Slim\Views\Twig instance returned by the fromRequest method. The \Slim\Views\Twig instance’s render() method accepts a PSR-7 Response object as its first argument, the Twig template path as its second argument, and an array of template variables as its final argument. The render() method returns a new PSR-7 Response object whose body is the rendered Twig template.
Create a directory in your project root: templates/
Create a Twig template file within the templates directory: templates/home.html.twig
<!DOCTYPE html> <html> <head> <title>Welcome to Slim!</title> </head> <body> <h1>Hello {{ name }}</h1> </body> </html> The slim/twig-view component exposes a custom url_for() function to your Twig templates. You can use this function to generate complete URLs to any named route in your Slim application. The url_for() function accepts two arguments:
The second argument’s keys should correspond to the selected route’s pattern placeholders. This is an example Twig template that draws a link URL for the “profile” named route shown in the example Slim application above.
<a href="{{ url_for('profile', { 'name': 'josh' }) }}">Josh</a></li>