Static Files

You can create static HTML files by supplying a map from paths to Rum data structures. In com.example.app, there's a static About page:

(def about-page
  (ui/page
   {:base/title (str "About " settings/app-name)}
   [:p "This app was made with "
    [:a.link {:href "https://biffweb.com"} "Biff"] "."]))

(def module
  {:static {"/about/" about-page}
   ...})

The map values (about-page in this case) are passed to rum.core/render-static-markup and written to the path you specify. If the path ends in a /, then index.html will be appended to it.

You can use Tailwind CSS to style your HTML:

[:button.bg-blue-500.text-white.text-center.py-2.px-4
 {:type "submit"}
 "Sign in"]

The HTML and Tailwind CSS files will be regenerated whenever you save a file.

In addition, any files you put in resources/public/ will be served, so you can use that folder for logo images, plain JavaScript files, etc.

See also:

Have a question? Join the #biff channel on Clojurians Slack, or ask on GitHub.

Sign up for Biff: The Newsletter
Announcements, blog posts, et cetera et cetera.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.