Guides Components

Use Marko components

Add Marko components with the @primate/marko module.

Install the Primate Marko package.

npm i @primate/marko

Load the Marko module in your configuration.

import config from "primate/config";
import marko from "@primate/marko";
export default config({ modules: [marko()] });

Compose a component in Marko.

<!-- components/Welcome.marko -->
<h1>Hello, ${input.name}!</h1>

Use response.view in a route to render the template.

// routes/index.ts
import route from "primate/route";
import response from "primate/response";

route.get(() => response.view("Welcome.marko"));