Vitalize.js

Waffle.dev's Framework for building rapidly-deployable web applications built on HTML.

Vitalize is a current work in progress! Full functionality (and a public repo) will not be available until the 1.0 release.

About Vitalize

Vitalize is a framework for building rapidly-deployable web applications built on HTML. It allows developers to create individual HTML components and organize it on pages in a intuitive manner, without sacrificing the native HTML experience. Vitalize was made for the HTML + Tailwind stack. Vitalize is a fully server-sided framework, so all rendering is done on the server. Most of it is done using Cheerio. Native API building is also integrated into Vitalize to support this, as well as websocket support. These features are built on top of Fastify and Socket.io. Building full-stack web applications has never been easier and faster!

Current TODO List (Mostly all planned features)

• HTML Components
  • Support for dynamic rendering and data binding
• Native Tailwind Compilation & Compiling with PostCSS, Sass
• Native Markdown Rendering
• Native Webpacking and Babel Support
  • Currently, a minifcation and script compilation feature is implemented.
• SSR & SSG
  • Including tooling for both server and client sided rendering
  • Allows developers to select which specific components to render on the server and client, which allows for better SEO and performance optimizations.
  • Support for .render() client-side.
• Native API Building, built on Fastify
  • Native CORS support, toggle by route
  • Full server framework (Almost)
• Websocket Support, built on Socket.io
• Page Caching
• Fast Refresh
• Typescript Support (It is sort of there, but not really)

Most recent updates

• [0.0.5]
  • Changed workspace setup to include a v.config.json file for declaring scripts and components.
  • Added the update() method for changing the attributes and values of components.
• [0.0.4]
  • Added script compilation and minification
    • In page source, it is a script tag at the bottom with ID vitalizejs-{UUID}
  • Added a UUID to each v instance, call with v.id
  • README changes

Features

• Fully server-sided
• HTML Components
  • Support for dynamic rendering and data binding
• Nested Components
• Native Tailwind Compilation & Compiling with PostCSS
• Prebuilt Components
• Typescript Support
• Native Markdown Rendering
• Native Webpacking and Babel Support
• SSR & SSG
  • Including tooling for both server and client sided rendering
  • Allows developers to select which specific components to render on the server and client, which allows for better SEO and performance optimizations.
  • Deploy static sites with built-in Static Site Generation.
  • Support for .render() client-side.
• Native API Building, built on Fastify
  • Native CORS support, toggle by route
  • Full server framework
• Websocket Support, built on Socket.io
• Page Caching
• Fast Refresh