<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Michal Rakus</title>
    <description>The latest articles on DEV Community by Michal Rakus (@michal_rakus_1a945cb8a4fb).</description>
    <link>https://dev.to/michal_rakus_1a945cb8a4fb</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2029265%2F7a7255ab-3b24-4ac0-98da-2bcf56f1fd37.jpg</url>
      <title>DEV Community: Michal Rakus</title>
      <link>https://dev.to/michal_rakus_1a945cb8a4fb</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/michal_rakus_1a945cb8a4fb"/>
    <language>en</language>
    <item>
      <title>Chilibase fullstack framework</title>
      <dc:creator>Michal Rakus</dc:creator>
      <pubDate>Sat, 18 Jul 2026 16:10:05 +0000</pubDate>
      <link>https://dev.to/michal_rakus_1a945cb8a4fb/chilibase-fullstack-framework-1dk7</link>
      <guid>https://dev.to/michal_rakus_1a945cb8a4fb/chilibase-fullstack-framework-1dk7</guid>
      <description>&lt;p&gt;I got tired of hand-building the same CRUD admin screens for every client project, so I built Chilibase — an open source, model-driven fullstack framework. Define your entity once (TypeORM), and you get filtering, sorting, paging, nested associations, exports, and forms on the frontend (React + PrimeReact) without writing boilerplate for any of it.&lt;/p&gt;

&lt;p&gt;Example of lazy table for entity Car:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import {
    Column,
    LazyDataTable,
    type SearchBrowseProps
} from "@chilibase/frontend/lazy-data-table";
import {CarForm} from "./CarForm";

export const CarBrowse = (props: SearchBrowseProps) =&amp;gt; {

    return (
        &amp;lt;div&amp;gt;
            &amp;lt;LazyDataTable entity="Car" label="Cars" rows={30} sortField="id"                             
                           EditForm={CarForm} removeRow={true}
                           searchBrowseParams={props.searchBrowseParams}&amp;gt;
                &amp;lt;Column field="id" header="ID" width="5rem"/&amp;gt;
                &amp;lt;Column field="vin" header="Vin" width="7rem"/&amp;gt;
                &amp;lt;Column field="year" header="Year"/&amp;gt;
                &amp;lt;Column field="brandString" header="Brand string" width="8rem"/&amp;gt;
                &amp;lt;Column field="brandAssoc.brand" header="Brand assoc" dropdownInFilter={true} width="8rem"/&amp;gt;
                &amp;lt;Column field="color" header="Color" width="7rem"/&amp;gt;
                &amp;lt;Column field="price" header="Price"/&amp;gt;
                &amp;lt;Column field="carDate" header="Car Date"/&amp;gt;
                &amp;lt;Column field="carDatetime" header="Car Datetime"/&amp;gt;
                &amp;lt;Column field="carBoolean" header="Car Boolean"/&amp;gt;
            &amp;lt;/LazyDataTable&amp;gt;
        &amp;lt;/div&amp;gt;
    );
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;screenshot of the code snippet above:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2xssukqvy253oaneymof.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2xssukqvy253oaneymof.png" alt="Screenshot of Car table" width="800" height="622"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's a plain npm package, not a hosted platform — you own the code, deploy it anywhere.&lt;/p&gt;

&lt;p&gt;Repo (with live demo app): &lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/chilibase" rel="noopener noreferrer"&gt;
        chilibase
      &lt;/a&gt; / &lt;a href="https://github.com/chilibase/chilibase" rel="noopener noreferrer"&gt;
        chilibase
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Fullstack framework for creating model driven apps. Uses react (primereact), nestjs, typeorm, postgres DB. Platform: javascript/typescript. Similar to low coding frameworks.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Chilibase&lt;/h1&gt;
&lt;/div&gt;

&lt;p&gt;Fullstack framework for creating model driven apps.&lt;br&gt;
Uses react (primereact), vite, nestjs, typeorm, postgres DB. Platform: javascript/typescript.&lt;br&gt;
Similar to low coding frameworks.&lt;/p&gt;
&lt;p&gt;See live demo at &lt;a href="https://car-demo.michalrakus.sk" rel="nofollow noopener noreferrer"&gt;https://car-demo.michalrakus.sk&lt;/a&gt;&lt;br&gt;
Username: &lt;a href="mailto:x_test_user@yahoo.com"&gt;x_test_user@yahoo.com&lt;/a&gt;&lt;br&gt;
Password: fd4eg4DN45ggd&lt;/p&gt;
&lt;p&gt;Source code of car demo app: &lt;a href="https://github.com/chilibase/car-demo" rel="noopener noreferrer"&gt;https://github.com/chilibase/car-demo&lt;/a&gt;&lt;br&gt;
(Source code is also available via links in demo.)&lt;/p&gt;
&lt;p&gt;The framework is suitable for low-budget projects, all used libraries are open source.&lt;br&gt;
The projects created in this framework are running on Linux VPS using Docker, for deployment is used GitHub Actions. VPS is hosted on hetzner.com.&lt;br&gt;
If there is interest, I can create the documentation about deployment/infrastructure.&lt;/p&gt;
&lt;p&gt;Contact: &lt;a href="mailto:michalrakus@gmail.com"&gt;michalrakus@gmail.com&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Install&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Prerequisites&lt;/h3&gt;
&lt;/div&gt;
&lt;p&gt;Install postgres DB&lt;br&gt;
Install pnpm (e.g. using command: &lt;code&gt;npm install -g pnpm@11.4.0&lt;/code&gt;)&lt;/p&gt;
&lt;p&gt;Create new chilibase project using create script &lt;code&gt;create-chilibase&lt;/code&gt; and follow the instructions in the console.&lt;/p&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;pnpx create-chilibase@0.3.0 &amp;lt;app-name&amp;gt; &amp;lt;db-name&amp;gt; &amp;lt;db-schema-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Features&lt;/h2&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;User authentication types&lt;/h3&gt;

&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;auth0.com (enables authentication via social networks like Google, Facebook, ...)&lt;/li&gt;
&lt;li&gt;MS Entra ID…&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/chilibase/chilibase" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;Looking for feedback, especially from anyone who's built similar admin/CRUD tooling before — and open to contributors if the idea resonates.&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>react</category>
      <category>nestjs</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
