Celestite

screenshot of Celestite
svelte
vite

Beautifully reactive, server-side rendered Svelte apps w/ a Crystal backend

Overview

Celestite is a tool that allows users to leverage the full power of Svelte reactive components in their Crystal web applications. By serving as a drop-in replacement for the view layer, celestite eliminates the need for intermediate .ecr templates. Developers can now write their backend server code in Crystal and their frontend client code in JavaScript & HTML, ensuring seamless integration and fast performance.

Features

  • Full power of Svelte: Utilize the capabilities of Svelte reactive components in Crystal web apps.
  • Drop-in replacement: Replace the view layer with celestite, eliminating the need for intermediary .ecr templates.
  • Crystal backend, JavaScript & HTML frontend: Write backend server code in Crystal and frontend client code in JavaScript & HTML for seamless operation.
  • Compatibility: Works with the Amber web framework and standalone applications, with potential compatibility with other frameworks like Lucky, Kemal, and Athena.

Summary

Celestite is a groundbreaking tool that allows developers to seamlessly integrate the power of Svelte reactive components into their Crystal web applications. By serving as a drop-in replacement for the view layer, celestite simplifies the development process, enabling users to write backend server code in Crystal and frontend client code in JavaScript & HTML. Despite being in the early alpha stage, celestite demonstrates promising functionalities for enhancing web development with Crystal.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects