Starter Projects

Gracile.
A thin, full-stack, web framework.

Features:

  • Portable HTML, CSS and JS, thanks to Lit (SSR).
  • Highly responsive during dev. and build, thanks to Vite.
  • Minimal dependency footprint for its runtime and your distributable.
  • Embrace web standards like Custom Elements (aka Web Components) or the WhatWG Fetch API.
  • A streamlined Developer eXperience for building, instead of fiddling around.

Starters:

Basics

Get up and running with this all around demo of Gracile features.

  • ✅ Minimal styling (make it your own!)
  • ✅ SEO-friendly with canonical URLs and OpenGraph data
  • ✅ Sitemap support
  • ✅ Markdown support
  • ✅ SVG support
  • ✅ Server-rendered Lit Elements

📥 CLI:

npm create gracile@latest -t basics

Edit in CodeSandbox      Open in StackBlitz

⏬ Download:

npx degit gracile-web/starter-projects/templates/basics my-project

📑 Sources: basics

Minimal setup (static)

A statically generated project.

📥 CLI:

npm create gracile@latest -t minimal-static

Edit in CodeSandbox      Open in StackBlitz

⏬ Download:

npx degit gracile-web/starter-projects/templates/minimal-static my-project

📑 Sources: minimal-static

Minimal server (Express)

A Gracile handler, already set up with Express and static file serving.

📥 CLI:

npm create gracile@latest -t minimal-server-express

Edit in CodeSandbox      Open in StackBlitz

⏬ Download:

npx degit gracile-web/starter-projects/templates/minimal-server-express my-project

📑 Sources: minimal-server-express

Minimal server (Hono)

A Gracile handler, already set up with Hono and static file serving.

📥 CLI:

npm create gracile@latest -t minimal-server-hono

Edit in CodeSandbox      Open in StackBlitz

⏬ Download:

npx degit gracile-web/starter-projects/templates/minimal-server-hono my-project

📑 Sources: minimal-server-hono

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”

― Antoine de Saint-Exupéry, Airman’s Odyssey