Examples

Explore our collection of example projects to learn how to build different types of applications with Sapling. All examples are available in our Examples GitHub Repository.

Basic Examples

Basics - A basic Sapling application
Hello World - A minimal Sapling application
Basic Landing Page - Simple landing page example

Content-Driven Examples

Blog - Full blog implementation
Documentation Site - Documentation site example

CMS Examples

Sanity - Sanity CMS example
Contentful - Contentful CMS example
Zenblog - Zenblog CMS example

... More coming soon (PayloadCMS, Notion, Hygraph, DatoCMS, Storyblok, Prismic, etc.)

Framework Examples

Alpine.js - Using Sapling with Alpine.js
HTMX - Using Sapling with HTMX
Web Components - Using Web Components. We know this is a not a framework (technically) #usetheplatform
Petite Vue - Using Petite Vue

Integration Examples

Motion - Animation with Motion
Vite + Sapling - Using Sapling with Vite
Embedded React App - Embedding a client-side React App
Gemini Chat - Simple AI example to send a message to Gemini
OpenAI Chat - Simple AI example to send a message to ChatGPT
Resend Emails - Sending emails from a form with Resend
Iconify Icons - Using Iconify Icons
Satori Open Graph Images - Generating Open Graph Images Server-Side with Satori
Deno KV - Using Deno KV

Misc Examples

Sitemap - Generating a Sitemap

Runtime Examples

Deno - Deno examples
Node - Node.js examples
Cloudflare Workers - Cloudflare Workers examples
Bun - Bun examples

Deployment Examples

Running Examples

Clone the repository:

git clone https://github.com/withsapling/examples.git
cd examples

Navigate to an example:

cd deno/hello-deno  # or any other example

Start the development server:

deno task dev  # for Deno examples
# or
npm run dev   # for Node.js examples

Each example includes its own README with specific instructions and explanations. ```