Create Your SPA Dashboard With Kapseli Easily!

As web developers, we create web projects, APIs, bots, and more. Also, we have to manage these projects via a dashboard. Writing a dashboard is a killing task 😠. Sorting and filtering data, visual editors… 😢Developing them is killing me! But now there is Kapseli 👼. In this article, I will introduce Kapseli and we will create a Kapseli Project.

What is Kapseli?

Kapseli is designed for creating interactive SPA web apps, especially dashboards. Kapseli is an open-source project. It has a beautiful flat UI design. If you want to know more details you can visit my article in below.

Kapseli, New Generation Web App Framework

Create a Kapseli Project

Firstly, we have to install Kapseli. Let's create a project folder and open it via the terminal.

mkdir my-kapseli-project
cd my-kapseli-project

Installation

Now we will init npm and install Kapseli.

npm init
npm i @stingydev/kapseli

To render project, you shold install some important libraries for solving some performance issues and possible bugs.

npm i @babel/plugin-transform-react-jsx

You can use Kapseli your favorite bundler. However, it tested via only Webpack and Babel. So, Webpack and Babel are recommended.

Now we are ready to init our project. Create an index.js and copy this code.

Application Configs

For our simple Kapseli project, this is the required base config.

For a detailed config, you can visit documentation.

Now, we are ready to render our project. And we have a simple Kapseli Project. Yeah!! Say “Hello Kapseli 👋”.

I am going to publish more articles on there and other platforms about Kapseli. I also develop Kapseli for the 1.0.6 version. You can visit the website to see changelogs and more details on https://kapseli.stingydev.com/.

Kapseli A Framework for creating a SPA dashboard application.

Kapseli on Product Hunt

Remember to subscribe to my game development channel GalGodot!

GalGodot

🍀 Good Codings with Stingy Developer 👋!