Using SVGs in Common Lisp web apps with Djula

• djula

  1 146 7.7 Common Lisp

  Common Lisp port of the Django templating language

In this post, we are going to take a look at how to use SVG content or embed SVGs inside your HTML with the Djula templating engine in a Common Lisp web application.

• caveman

  10 769 0.0 Common Lisp

  Lightweight web application framework for Common Lisp.

Djula is a port of Python's Django template engine to Common Lisp. It's the default templating engine used by the framework Caveman for building web applications

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• svgr

  30 10,324 5.6 TypeScript

  Transform SVGs into React components 🦁

To solve these problems and have a better development workflow, I have created a package called cl-djula-svg which automates all the above steps for you. The inspiration for this package came from svgr which exactly does the same thing in React applications. It takes a SVG file, process some override logic, optimize it and create React wrapper components based on the SVG content.

• quicklisp-projects

  8 411 8.2

  Metadata for projects tracked by Quicklisp.

The tracking issue for adding cl-djula-svg to quicklisp is here. You may want to check it for any updates.

• svgo

  30 20,390 8.9 JavaScript

  ⚙️ Node.js tool for optimizing SVG files

  

There are still a lot of things cl-djula-svg is capable of doing. For the immediate future, I am looking at adding optimization capabilities something like what svgo is doing for svgr. If you know anything else needs to be done to improve the package, please open an issue in the repository.

• cl-djula-svg

  1 1 0.0 Common Lisp

  Handle SVGs in Djula templates

There are still a lot of things cl-djula-svg is capable of doing. For the immediate future, I am looking at adding optimization capabilities something like what svgo is doing for svgr. If you know anything else needs to be done to improve the package, please open an issue in the repository.

• React

  1,697 222,111 9.9 JavaScript

  The library for web and native user interfaces.

  

To solve these problems and have a better development workflow, I have created a package called cl-djula-svg which automates all the above steps for you. The inspiration for this package came from svgr which exactly does the same thing in React applications. It takes a SVG file, process some override logic, optimize it and create React wrapper components based on the SVG content.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• cl-svg-demo

  1 2 0.0 Common Lisp

  Demo app for cl-djula-svg

The source code for cl-djula-svg is hosted in Github and the demo project is here

Suggest a related project