# TrailBase Examples

#### [Blog](blog/)

A simple styled Blog example with UIs both for web and Flutter:

<p align="center">
  <picture align="center">
    <img
      height="420"
      src="blog/screenshots/screenshot_web.png"
      alt="Blog web app"
    />
  </picture>

  <picture align="center">
    <img
      height="420"
      src="blog/screenshots/screenshot_flutter.png"
      alt="Blog Flutter app"
    />
  </picture>
</p>

#### [Collaborate Server-Side Rendered Clicker](collab-clicker-ssr/)

A small clicker application, where we can collaboratively make it go 🚀. It
show-cases server-side rendering using SolidJS, however it could equally be
React, Vue, Svelte, Preact, ... . After client-side hydration, click counter
changes are streamed to everyone listening.

<p align="center">
  <picture align="center">
     <img
      height="420"
      src="collab-clicker-ssr/screenshots/screenshot0.png"
      alt="Collaborative acorn clicker"
    />
  </picture>
</p>

#### [Coffee Vector Search](coffee-vector-search/)

A small single-page web app demonstrating vector search and custom JS/TS endpoints.

<p align="center">
  <picture align="center">
    <img
      height="420"
      src="coffee-vector-search/screenshots/screenshot0.png"
      alt="Coffee vector search web app"
    />
  </picture>
</p>

#### [Data CLI App](data-cli-tutorial/)

This code belongs to the [command-line app tutorial](https://trailbase.io/getting-started/first-cli-app):
IMDB data is ingested and queried both with curl using the record list API and a custom CLI.

#### [Custom Rust Binary](custom-binary/)

A quick example on how to use TrailBase as a library.