Static Assets in public

Rasengan.js can serve static files, like images, under a folder called public in the root directory. Files inside public can then be referenced by your code starting from the base URL (/).

For example, the file public/avatars/1.png can be viewed by visiting the /avatars/1.png path. Here is an example of code to illustrate that:

import { Image } from "@rasenganjs/image";
 
export function Avatar({ id, alt }) {
  return <Image src={`/avatars/${id}.png`} alt={alt} width={64} height={64} />;
}

Next steps