Snel screenshot

Snel

Author Avatar Theme by Crewdevio
Updated: 28 Jan 2024
314 Stars

A Cybernetical tool for svelte applications on deno

Overview

Snel is a tool/framework that allows you to compile .svelte components into JavaScript files, enabling you to create web applications using Deno and Svelte. It offers features such as simple setup, quick compilation, hot reloading, import map support, built-in support for SCSS and LESS, and support for TypeScript. Snel also has experimental support for SSG (Static Site Generation) and plans to support SSR (Server-Side Rendering) in the future.

Features

  • Simple setup: Snel offers an easy and straightforward installation process.
  • Quick compilation: Snel allows for fast compilation of .svelte components into JavaScript files.
  • Hot reloading: Snel supports hot reloading, enabling you to see changes in your application in real-time.
  • Import map support: You can use import maps to reference the dependencies you use in your Snel project.
  • Support for SCSS and LESS out of the box: Snel comes with built-in support for the SCSS and LESS pre-processors.
  • Support for TypeScript: Snel provides support for using TypeScript in your Svelte applications.
  • SSG (experimental): Snel has experimental support for SSG, allowing you to generate static websites.
  • SSR (soon): Snel plans to support SSR (Server-Side Rendering) in the future.

Installation

To start using Snel, you need to run the installation command. Instead of using Deno install to install Snel, you should run a script provided by Snel itself. This is because Snel uses several tools to enhance the development experience. Snel’s installation script installs all the necessary tools, so you can focus on creating your application.

If you prefer to use trex to execute Snel instead of installing it, you will need to make some changes to the scripts inside the run.json file.

Summary

Snel is a powerful tool/framework that simplifies the process of creating web applications using Deno and Svelte. It offers features such as simple setup, quick compilation, hot reloading, import map support, built-in support for SCSS and LESS, and TypeScript integration. Additionally, Snel provides experimental support for SSG and plans to support SSR in the future. By using Snel, developers can greatly improve their development workflow and create modern and efficient web applications.