edge

Render Edge templates in AdonisJS Hypermedia projects with layouts and components.

7|Updated May 6, 2026

Search Tags:#templates #server-rendered #hypermedia #templating #edge #adonisjs #edgejs

Ready to run

npx skills add https://github.com/lncitador/adonisjs-maestro --skill edge-lncitador

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: edge
Source: https://github.com/lncitador/adonisjs-maestro/tree/main/skills/edge
Command: npx skills add https://github.com/lncitador/adonisjs-maestro --skill edge-lncitador

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Edge templates for AdonisJS Hypermedia apps enable server-side rendering with Edge syntax, reducing boilerplate and enabling consistent UI rendering across controllers and routes.

Core Features & Use Cases

Render Edge templates from controllers or routes, with support for interpolation, conditionals, loops, components, and layouts.
Use Hypermedia starter kit components and built-in Edge helpers to compose UI while keeping backend logic separate.
Debug and inspect template state with @dump(state) to validate data flow during development.

Quick Start

Render a sample Edge template for a homepage using the layout and components.

Frequently Asked Questions about edge

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I render server-side Edge templates in an AdonisJS application?▼

Server-side rendering of Edge templates in AdonisJS is handled through the HTTP context view, enabling interpolation, conditionals, loops, components, and layouts directly from controllers or routes while keeping backend logic separate.

Does AdonisJS Edge support components and layouts for building UI?▼

Yes, AdonisJS Edge supports components and layouts, allowing you to compose UI using Hypermedia starter kit components and built-in helpers to ensure consistent rendering across controllers without redundant boilerplate.

Can I inspect template data flow during Edge view development?▼

You can inspect template data flow during Edge view development by using the @dump(state) helper to debug and validate the state passed to your server-rendered templates.

What is the best way to reduce boilerplate when rendering views in AdonisJS Hypermedia projects?▼

Using Edge templates for AdonisJS Hypermedia apps reduces boilerplate by providing a consistent server-side rendering mechanism with built-in helpers, supporting interpolation, conditionals, loops, components, and layouts across routes.