This page is under construction!

Edit on GitHub

Routing

Routing is path based and inspired by Next.js.

Here’s the basic structure of a potential blog application:

  • app/

    • root.css

    • root.haml

    • components/

      • Layout/

        • Footer.haml

        • Header.haml

        • Layout.haml

        • Page.haml

      • UI/

        • Button.haml

        • Heading.haml

        • Hr.haml

        • Link.haml

    • pages/

      • about/

        • page.haml

      • posts/

        • :id/

          • page.haml

        • page.haml

        • layout.haml

      • page.haml

      • layout.haml

app/root.haml contains the <html> tag, and all pages are wrapped in the layouts of their parent directories.

This tree would generate the following routes:

  • /posts/:id

  • /posts

  • /about

  • /