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

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
• React Component - Using a React Component bundled with Vite

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

• Deno Deploy
• Cloudflare Workers
• Vercel Edge
• Google Cloud Run Deno
• Google Cloud Run Bun
• Google Cloud Run Node

Running Examples

1. Clone the repository:

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

2. Navigate to an example:

cd deno/hello-deno  # or any other example

3. 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.