Template Engine

Darto supports server-side rendering using a template engine. By default, it integrates with the Mustache template engine. You can configure the engine globally in your application as shown below:

Configuration

First, set the directory where your template files are located and specify the view engine extension:

Note: Short syntax configuration supported in Darto with one line:
app.engine('mustache', join(Directory.current.path, 'lib', 'pages'));


import 'dart:io';
import 'package:path/path.dart';
import 'package:darto/darto.dart';
 
void main() {
  final app = Darto();
 
  // Set the directory where your template files are located
  app.set('views', join(Directory.current.path, 'lib', 'pages'));
 
  // Specify the view engine extension (e.g., "mustache")
  app.set('view engine', 'mustache');
 
  app.listen(3000);
}

Rendering Templates

To render a template, use the render method. Here’s an example:


void main() {
  final app = Darto();
 
  app.set('views', join(Directory.current.path, 'lib', 'pages'));
  app.set('view engine', 'mustache');
 
  // Define a route to render a template (without the extension)
  app.get('/', (Request req, Response res) {
    res.render('index', {
      'title': 'Welcome to Server Side Rendering',
      'header': 'Hello from Darto!',
      'message': 'This demonstrates how to configure a template engine in Darto using Mustache.'
    });
  });
 
  app.listen(3000);
}

Create your template file at lib/pages/index.mustache:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>{{title}}</title>
  </head>
  <body>
    <h1>{{header}}</h1>
    <p>{{message}}</p>
  </body>
</html>