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.
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/.
Remember to subscribe to my game development channel GalGodot!
š Good Codings with Stingy Developer š!