eksa-framework 2.2.2 → 3.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7d6f7016cde9ee0b7fdc950e4ae0de7cee2425ffde98f2a3879679ce7b685677
-  data.tar.gz: 6e6c5b4535d9f08b0f7dd486e4641de30b4df019d1fce4a171f3203bb7bfe07b
+  metadata.gz: 780c728ee88c41e54a84523f1d70bec838d559c165322ef92afadd4623f2e1b4
+  data.tar.gz: 3096a17f07c232b8b8c80a706e51310f3fc6196077877390c46b7e1fe4f802cb
 SHA512:
-  metadata.gz: 12e84b512d1b40e62b47dcd10fa06334a2ae49103e251bfa4f1d36df607193b5719563aed61d25a84c252dd8c2cfb55aebcd0868185b1968dcfbdc46c6b6a2f3
-  data.tar.gz: 9704f8011116a0d726685e35f8540e1bd592d29e35db3c3ddcaab03b960fc474c52ef46e44ee07b5757ee539a044e8beba3290eba06874d5821db7b90b4c901a
+  metadata.gz: 96c60d22e3632b4a08402c1e4a3b4ad5cbd82c3e209b87d30725cb7de9fb6dd4cd43b61eea09c62378cced2696286efaf199c70824521c3968ef775688feeed8
+  data.tar.gz: d2ecc1406064d10b52d08763b0e72dc6b65c3fa2b8c97dc16141ec57c0b6e526ed537da964b827c7bf460e28c430727963338c14993038d04e98e4b059cc2bda

data/Gemfile

@@ -8,4 +8,6 @@ end
 gem 'rack'
 gem 'puma'
 gem "rackup"
-gem 'sqlite3'
+gem 'sqlite3'
+gem 'kramdown'
+gem 'kramdown-parser-gfm'

data/Gemfile.lock

@@ -2,6 +2,10 @@ GEM
   remote: https://rubygems.org/
   specs:
     diff-lcs (1.6.2)
+    kramdown (2.5.2)
+      rexml (>= 3.4.4)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
     nio4r (2.7.5)
     puma (7.2.0)
       nio4r (~> 2.0)
@@ -10,6 +14,7 @@ GEM
       rack (>= 1.3)
     rackup (2.3.1)
       rack (>= 3)
+    rexml (3.4.4)
     rspec (3.13.2)
       rspec-core (~> 3.13.0)
       rspec-expectations (~> 3.13.0)
@@ -29,6 +34,8 @@ PLATFORMS
   x86_64-linux-gnu
 
 DEPENDENCIES
+  kramdown
+  kramdown-parser-gfm
   puma
   rack
   rack-test (~> 2.1)
@@ -38,11 +45,14 @@ DEPENDENCIES
 
 CHECKSUMS
   diff-lcs (1.6.2) sha256=9ae0d2cba7d4df3075fe8cd8602a8604993efc0dfa934cff568969efb1909962
+  kramdown (2.5.2) sha256=1ba542204c66b6f9111ff00dcc26075b95b220b07f2905d8261740c82f7f02fa
+  kramdown-parser-gfm (1.1.0) sha256=fb39745516427d2988543bf01fc4cf0ab1149476382393e0e9c48592f6581729
   nio4r (2.7.5) sha256=6c90168e48fb5f8e768419c93abb94ba2b892a1d0602cb06eef16d8b7df1dca1
   puma (7.2.0) sha256=bf8ef4ab514a4e6d4554cb4326b2004eba5036ae05cf765cfe51aba9706a72a8
   rack (3.2.5) sha256=4cbd0974c0b79f7a139b4812004a62e4c60b145cba76422e288ee670601ed6d3
   rack-test (2.2.0) sha256=005a36692c306ac0b4a9350355ee080fd09ddef1148a5f8b2ac636c720f5c463
   rackup (2.3.1) sha256=6c79c26753778e90983761d677a48937ee3192b3ffef6bc963c0950f94688868
+  rexml (3.4.4) sha256=19e0a2c3425dfbf2d4fc1189747bdb2f849b6c5e74180401b15734bc97b5d142
   rspec (3.13.2) sha256=206284a08ad798e61f86d7ca3e376718d52c0bc944626b2349266f239f820587
   rspec-core (3.13.6) sha256=a8823c6411667b60a8bca135364351dda34cd55e44ff94c4be4633b37d828b2d
   rspec-expectations (3.13.5) sha256=33a4d3a1d95060aea4c94e9f237030a8f9eae5615e9bd85718fe3a09e4b58836

data/README.md

@@ -18,6 +18,7 @@
 * 🧪 **Built-in Testing**: Lingkungan pengujian otomatis siap pakai menggunakan RSpec dan `rack-test`.
 * 🎨 **Asset Helpers**: Library bawaan untuk pengelolaan CSS dan JS yang lebih rapi.
 * 🔍 **Dynamic SEO Engine**: Penanganan otomatis file `robots.txt` dan `sitemap.xml`.
+* 💎 **JSON-LD Support**: Dukungan data terstruktur (Structured Data) otomatis untuk SEO yang lebih optimal.
 * 👻 **Aesthetic Error Pages**: Halaman 404 dengan desain Glassmorphism yang elegan secara native.
 
 ---
@@ -66,9 +67,29 @@ eksa g controller Blog
 
 # Membuat model dan schema database
 eksa g model Post
+
+# Membuat postingan blog baru
+eksa g post "Judul Artikel"
+```
+
+### 3. Markdown Blog Engine
+Eksa memiliki sistem blog bawaan yang cara kerjanya mirip Jekyll. Cukup buat file `.md` di folder `_posts/` dengan metadata YAML (Front Matter):
+
+```markdown
+---
+title: "Halo Eksa"
+date: 2026-03-15 14:00:00
+---
+
+Isi konten blog menggunakan **Markdown**.
 ```
 
-### 3. Database & Model
+Fitur Blog:
+*   **Dynamic Slug**: Otomatis mengenali rute `/posts/:slug`.
+*   **Syntax Highlighting**: Kode di dalam blog otomatis berwarna & punya tombol copy.
+*   **Aesthetic UI**: Template blog bawaan dengan desain Glassmorphism.
+
+### 4. Database & Model
 Definisikan schema tabel Anda langsung di dalam model:
 
 ```ruby
@@ -103,4 +124,4 @@ bundle exec rspec
 ---
 
 ## 📜 Lisensi
-Proyek ini dilisensikan di bawah **MIT License**. Lihat file [LICENSE](LICENSE) untuk detail lebih lanjut.
+Proyek ini dilisensikan di bawah **MIT License**. Lihat file [LICENSE](https://github.com/IshikawaUta/eksa-framework/blob/main/LICENSE) untuk detail lebih lanjut.

data/_posts/2026-03-15-welcome-to-eksa-framework.md

@@ -0,0 +1,126 @@
+---
+title: "Welcome To Eksa Framework"
+date: 2026-03-15 14:09:58
+---
+
+# ✨ Eksa Framework
+
+**Eksa Framework** adalah *micro-framework* MVC (Model-View-Controller) modern yang dibangun di atas Ruby dan Rack. Didesain untuk pengembang yang menginginkan kecepatan, kode yang bersih, dan tampilan antarmuka **Glassmorphism** yang elegan secara *out-of-the-box*.
+
+---
+
+## 🚀 Fitur Unggulan
+
+* 💎 **Modern Glassmorphism UI**: Tampilan transparan yang indah dengan Tailwind CSS & Lucide Icons.
+* ⚡ **Rack 3 & Middleware Support**: Mendukung standar terbaru dan pembuatan pipeline middleware kustom.
+* 🛠️ **Powerful CLI**: Inisialisasi project (`eksa init`), jalankan server (`eksa run`), generate komponen, dan **auto-routing** otomatis.
+* 💾 **Dynamic Database Engine**: Database SQLite otomatis dengan schema yang ditentukan oleh model Anda sendiri.
+* 🧪 **Built-in Testing**: Lingkungan pengujian otomatis siap pakai menggunakan RSpec dan `rack-test`.
+* 🎨 **Asset Helpers**: Library bawaan untuk pengelolaan CSS dan JS yang lebih rapi.
+* 🔍 **Dynamic SEO Engine**: Penanganan otomatis file `robots.txt` dan `sitemap.xml`.
+* 👻 **Aesthetic Error Pages**: Halaman 404 dengan desain Glassmorphism yang elegan secara native.
+
+---
+
+## 🛠️ Instalasi Cepat
+
+### 1. Install via Gem
+```bash
+gem install eksa-framework
+```
+
+### 2. Inisialisasi Project Baru
+```bash
+mkdir my-app && cd my-app
+eksa init
+```
+
+### 3. Jalankan Server
+```bash
+bundle install
+eksa run
+```
+
+---
+
+## 💻 Panduan Pengembangan
+
+### 1. Konfigurasi Aplikasi (`config.ru`)
+Eksa kini menggunakan blok inisialisasi untuk konfigurasi yang lebih fleksibel:
+
+```ruby
+app = Eksa::Application.new do |config|
+  config.config[:db_path] = "./db/production.db"
+  
+  config.use Rack::Static, urls: ["/css", "/img"], root: "public"
+  config.use Rack::ShowExceptions
+end
+```
+
+### 2. CLI Generator
+Hemat waktu dengan menggunakan generator bawaan:
+
+```bash
+# Membuat controller dan view template
+eksa g controller Blog
+
+# Membuat model dan schema database
+eksa g model Post
+
+# Membuat postingan blog baru
+eksa g post "Judul Artikel"
+```
+
+### 3. Markdown Blog Engine
+Eksa memiliki sistem blog bawaan yang cara kerjanya mirip Jekyll. Cukup buat file `.md` di folder `_posts/` dengan metadata YAML (Front Matter):
+
+```markdown
+---
+title: "Halo Eksa"
+date: 2026-03-15 14:00:00
+---
+
+Isi konten blog menggunakan **Markdown**.
+```
+
+Fitur Blog:
+*   **Dynamic Slug**: Otomatis mengenali rute `/posts/:slug`.
+*   **Syntax Highlighting**: Kode di dalam blog otomatis berwarna & punya tombol copy.
+*   **Aesthetic UI**: Template blog bawaan dengan desain Glassmorphism.
+
+### 4. Database & Model
+Definisikan schema tabel Anda langsung di dalam model:
+
+```ruby
+class Post < Eksa::Model
+  def self.setup_schema
+    db.execute <<~SQL
+      CREATE TABLE IF NOT EXISTS posts (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        title TEXT,
+        content TEXT
+      )
+    SQL
+  end
+end
+```
+
+### 4. Asset Helpers
+Gunakan helper di dalam view untuk menyisipkan asset:
+
+```erb
+<%= stylesheet_tag "style" %>
+<%= javascript_tag "app" %>
+```
+
+### 5. Menjalankan Test
+Pastikan aplikasi Anda berjalan dengan benar menggunakan RSpec:
+
+```bash
+bundle exec rspec
+```
+
+---
+
+## 📜 Lisensi
+Proyek ini dilisensikan di bawah **MIT License**. Lihat file [LICENSE](https://github.com/IshikawaUta/eksa-framework/blob/8c8e9046cbce77bbeaeaf673b018eaf0c6db2bbc/LICENSE) untuk detail lebih lanjut.

data/app/controllers/posts_controller.rb

@@ -0,0 +1,15 @@
+class PostsController < Eksa::Controller
+  def index
+    @posts = Eksa::MarkdownPost.all
+    render "posts/index"
+  end
+
+  def show
+    @post = Eksa::MarkdownPost.find(params['slug'])
+    if @post
+      render "posts/show"
+    else
+      [404, { 'content-type' => 'text/html' }, ["Post not found"]]
+    end
+  end
+end

data/app/controllers/seo_controller.rb

@@ -1,27 +1,40 @@
 class SeoController < Eksa::Controller
   def robots
+    scheme = request.env['rack.url_scheme'] || 'https'
     content = <<~TEXT
       User-agent: *
       Allow: /
       Disallow: /hapus
       Disallow: /edit
       
-      Sitemap: https://#{request.host}/sitemap.xml
+      Sitemap: #{scheme}://#{request.host}/sitemap.xml
     TEXT
     [200, { "Content-Type" => "text/plain" }, [content]]
   end
 
   def sitemap
+    scheme = request.env['rack.url_scheme'] || 'https'
+    base_url = "#{scheme}://#{request.host}"
     lastmod = Time.now.strftime("%Y-%m-%d")
     
     xml = '<?xml version="1.0" encoding="UTF-8"?>'
     xml += '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">'
     
-    ["/", "/about", "/docs", "/kontak"].each do |path|
+    # Base Pages
+    ["/", "/about", "/docs", "/kontak", "/posts"].each do |path|
       xml += "<url>"
-      xml += "<loc>https://#{request.host}#{path}</loc>"
+      xml += "<loc>#{base_url}#{path}</loc>"
       xml += "<lastmod>#{lastmod}</lastmod>"
-      xml += "<priority>0.8</priority>"
+      xml += "<priority>#{path == '/' ? '1.0' : '0.8'}</priority>"
+      xml += "</url>"
+    end
+
+    # Blog Posts
+    Eksa::MarkdownPost.all.each do |post|
+      xml += "<url>"
+      xml += "<loc>#{base_url}/posts/#{post.slug}</loc>"
+      xml += "<lastmod>#{post.date.is_a?(Time) ? post.date.strftime("%Y-%m-%d") : lastmod}</lastmod>"
+      xml += "<priority>0.6</priority>"
       xml += "</url>"
     end
     

data/app/views/docs.html.erb

@@ -29,6 +29,7 @@
       <ul class="space-y-2 text-sm">
         <li><a href="#database" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="database" class="w-3 h-3"></i> Auto-Migration</a></li>
         <li><a href="#flash" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="bell" class="w-3 h-3"></i> Flash UI</a></li>
+        <li><a href="#blog" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="pen-tool" class="w-3 h-3"></i> Markdown Blog</a></li>
       </ul>
     </div>
   </div>
@@ -78,6 +79,10 @@
         <code class="text-indigo-300 font-bold">spec/</code>
         <p class="text-xs text-white/50 mt-1">Folder testing otomatis menggunakan RSpec (disertakan saat <code class="text-indigo-200">init</code>).</p>
       </div>
+      <div class="bg-white/5 p-4 rounded-xl border border-white/10">
+        <code class="text-indigo-300 font-bold">_posts/</code>
+        <p class="text-xs text-white/50 mt-1">Pusat file markdown untuk konten blog aplikasi.</p>
+      </div>
       <div class="bg-white/5 p-4 rounded-xl border border-white/10">
         <code class="text-indigo-300 font-bold">exe/</code>
         <p class="text-xs text-white/50 mt-1">Executable files seperti CLI <code class="text-indigo-200">eksa</code>.</p>
@@ -125,6 +130,23 @@
     </div>
   </section>
 
+  <section id="blog" class="mb-12 scroll-mt-24">
+    <h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
+      <i data-lucide="pen-tool" class="w-6 h-6 text-indigo-400"></i> Markdown Blog Engine
+    </h2>
+    <p class="text-white/60 mb-4 text-sm">Kelola konten blog dengan file Markdown. Mendukung Front Matter YAML dan rute dinamis.</p>
+    <div class="bg-black/40 rounded-2xl p-6 font-mono text-sm border border-white/10">
+      <p class="text-white/30"># Buat post baru lewat CLI</p>
+      <p class="text-indigo-300">eksa g post "Judul Postingan"</p>
+      <p class="text-white/30 mt-4"># Akses di URL (Otomatis)</p>
+      <p class="text-white/70">/posts/:slug</p>
+    </div>
+    <div class="mt-4 p-4 bg-indigo-500/10 border border-indigo-500/20 rounded-xl flex items-center gap-3">
+        <i data-lucide="zap" class="w-5 h-5 text-indigo-400"></i>
+        <p class="text-xs text-indigo-200/80">Sudah terintegrasi dengan Prism.js untuk highlighting kode otomatis dan tombol copy!</p>
+    </div>
+  </section>
+
   <section id="build" class="mb-12 scroll-mt-24">
     <h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
       <i data-lucide="package-check" class="w-6 h-6 text-indigo-400"></i> Build & Publish
@@ -133,7 +155,7 @@
       <p class="text-white/30"># Build gem lokal</p>
       <p class="text-indigo-300">gem build eksa-framework.gemspec</p>
       <p class="text-white/30 mt-4"># Publish ke RubyGems / GitHub Packages</p>
-      <p class="text-indigo-300">gem push eksa-framework-2.2.2.gem</p>
+      <p class="text-indigo-300">gem push eksa-framework-3.3.2.gem</p>
     </div>
   </section>
 
@@ -142,7 +164,7 @@
         <span class="bg-indigo-500/20 text-indigo-300 text-[10px] px-3 py-1 rounded-full border border-indigo-500/30 uppercase tracking-tighter">Rack 3.0 Compatible</span>
         <span class="bg-emerald-500/20 text-emerald-300 text-[10px] px-3 py-1 rounded-full border border-emerald-500/30 uppercase tracking-tighter">SQLite3 Auto-Ready</span>
     </div>
-    <p class="text-white/40 text-sm italic">Eksa Framework v<%= Eksa::VERSION %> Alpha Documentation</p>
+    <p class="text-white/40 text-sm italic">Eksa Framework v3.3.2 Alpha Documentation</p>
     <a href="/" class="inline-block mt-6 text-indigo-300 hover:text-white transition font-bold flex items-center justify-center gap-2">
       <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali ke Beranda
     </a>

data/app/views/index.html.erb

@@ -2,7 +2,7 @@
   <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8 gap-4">
     <div>
       <span class="inline-block bg-indigo-500/20 text-indigo-200 text-xs font-bold px-3 py-1 rounded-full mb-3 border border-indigo-500/30">
-        v2.2.2 Alpha
+        v3.3.2 Alpha
       </span>
       <h1 class="text-4xl font-extrabold tracking-tight">
         Halo, <span class="text-indigo-300"><%= @nama %></span>!

data/app/views/layout.html.erb

@@ -10,13 +10,80 @@
   <meta property="og:title" content="Eksa Framework">
   <meta property="og:description" content="Membangun web cepat dengan estetika transparan.">
   <meta property="og:type" content="website">
+  
+  <% 
+    scheme = request.env['rack.url_scheme'] || 'https'
+    base_url = "#{scheme}://#{request.host}"
+    current_url = "#{base_url}#{request.path}"
+    
+    if @post
+      structured_data = {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "headline": @post.title,
+        "datePublished": (@post.date.is_a?(Time) ? @post.date.iso8601 : @post.date),
+        "author": {
+          "@type": "Person",
+          "name": "IshikawaUta"
+        },
+        "url": current_url,
+        "description": @post.body_html[0..160].gsub(/<[^>]*>/, '').strip + "..."
+      }
+    else
+      structured_data = {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "Eksa Framework",
+        "url": base_url,
+        "description": "Framework Ruby Modern dengan sentuhan Glassmorphism"
+      }
+    end
+  %>
+  <script type="application/ld+json">
+    <%= structured_data.to_json %>
+  </script>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
   <link rel="icon" href="/img/logo.png" type="image/png">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
   <script src="https://unpkg.com/lucide@latest"></script>
+  
+  <!-- Prism.js Syntax Highlighting -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css">
+  <style>
+    pre[class*="language-"] {
+      border-radius: 1.5rem !important;
+      background: rgba(0, 0, 0, 0.4) !important;
+      border: 1px solid rgba(255, 255, 255, 0.1) !important;
+      backdrop-filter: blur(5px);
+      margin: 2rem 0 !important;
+      padding: 1.5rem !important;
+    }
+    .code-wrapper { position: relative; }
+    .copy-btn {
+      position: absolute;
+      top: 0.75rem;
+      right: 0.75rem;
+      background: rgba(255, 255, 255, 0.1);
+      backdrop-filter: blur(10px);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      padding: 0.5rem;
+      border-radius: 0.75rem;
+      color: rgba(255, 255, 255, 0.5);
+      cursor: pointer;
+      transition: all 0.2s;
+      z-index: 10;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      font-size: 0.75rem;
+      font-weight: 600;
+    }
+    .copy-btn:hover { background: rgba(255, 255, 255, 0.2); color: white; }
+    .copy-btn.copied { background: #10b981; color: white; border-color: #34d399; }
+  </style>
 
   <style>
     body {
@@ -121,6 +188,7 @@
       <li><a href="/" class="nav-link flex items-center gap-2"><i data-lucide="home" class="w-4 h-4"></i> Home</a></li>
       <li><a href="/about" class="nav-link flex items-center gap-2"><i data-lucide="info" class="w-4 h-4"></i> About</a></li>
       <li><a href="/docs" class="nav-link flex items-center gap-2"><i data-lucide="book-open" class="w-4 h-4"></i> Docs</a></li>
+      <li><a href="/posts" class="nav-link flex items-center gap-2"><i data-lucide="book" class="w-4 h-4"></i> Blog</a></li>
       <li><a href="/kontak" class="nav-link flex items-center gap-2"><i data-lucide="message-circle" class="w-4 h-4"></i> Contact</a></li>
     </ul>
 
@@ -137,9 +205,45 @@
     <p>&copy; <%= Time.now.year %> <span class="font-bold text-white/60">Eksa Framework</span>. Crafted for speed.</p>
   </footer>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
   <script>
     // Inisialisasi ikon Lucide
     lucide.createIcons();
+
+    // Setup Copy Buttons for Code Blocks
+    document.querySelectorAll('pre').forEach((block) => {
+      // Wrap pre in a container
+      const wrapper = document.createElement('div');
+      wrapper.className = 'code-wrapper';
+      block.parentNode.insertBefore(wrapper, block);
+      wrapper.appendChild(block);
+
+      // Create button
+      const button = document.createElement('button');
+      button.className = 'copy-btn';
+      button.innerHTML = '<i data-lucide="copy" class="w-3.5 h-3.5"></i> Copy';
+      wrapper.appendChild(button);
+
+      button.addEventListener('click', async () => {
+        const text = block.textContent;
+        try {
+          await navigator.clipboard.writeText(text);
+          button.classList.add('copied');
+          button.innerHTML = '<i data-lucide="check" class="w-3.5 h-3.5"></i> Copied!';
+          lucide.createIcons();
+          
+          setTimeout(() => {
+            button.classList.remove('copied');
+            button.innerHTML = '<i data-lucide="copy" class="w-3.5 h-3.5"></i> Copy';
+            lucide.createIcons();
+          }, 2000);
+        } catch (err) {
+          console.error('Failed to copy!', err);
+        }
+      });
+    });
+    lucide.createIcons();
   </script>
 </body>
 </html>

data/app/views/posts/index.html.erb

@@ -0,0 +1,43 @@
+<div class="glass rounded-3xl p-10 text-white animate__animated animate__fadeIn">
+  <div class="flex items-center justify-between mb-8">
+    <div class="flex items-center gap-4">
+      <div class="p-4 bg-indigo-500 rounded-2xl shadow-xl">
+        <i data-lucide="book-open" class="w-8 h-8"></i>
+      </div>
+      <div>
+        <h1 class="text-4xl font-extrabold tracking-tight">Blog <span class="text-indigo-300">Markdown</span></h1>
+        <p class="text-white/50">Dikelola langsung dari folder _posts</p>
+      </div>
+    </div>
+  </div>
+
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+    <% if @posts.empty? %>
+      <div class="col-span-full text-center py-20 bg-white/5 rounded-3xl border border-dashed border-white/20">
+        <i data-lucide="ghost" class="w-12 h-12 text-white/20 mx-auto mb-4"></i>
+        <p class="text-white/40">Belum ada postingan blog. Coba jalankan <code>eksa g post "Judul Pertama"</code></p>
+      </div>
+    <% else %>
+      <% @posts.each do |post| %>
+        <a href="/posts/<%= post.slug %>" class="group block bg-white/5 hover:bg-white/10 p-6 rounded-3xl border border-white/10 transition-all hover:scale-[1.02]">
+          <span class="text-xs font-bold text-indigo-300 uppercase tracking-widest block mb-2">
+            <%= post.date.is_a?(Time) ? post.date.strftime("%d %B %Y") : post.date %>
+          </span>
+          <h2 class="text-2xl font-bold mb-3 group-hover:text-indigo-300 transition-colors"><%= post.title %></h2>
+          <div class="flex items-center gap-2 text-white/40 text-sm">
+            <span>Baca selengkapnya</span>
+            <i data-lucide="arrow-right" class="w-4 h-4 group-hover:translate-x-1 transition-transform"></i>
+          </div>
+        </a>
+      <% end %>
+    <% end %>
+  </div>
+
+  <div class="mt-12 pt-8 border-t border-white/10">
+    <a href="/" class="flex items-center gap-2 text-indigo-300 hover:text-white transition">
+      <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali ke Home
+    </a>
+  </div>
+</div>
+
+<script>lucide.createIcons();</script>

data/app/views/posts/show.html.erb

@@ -0,0 +1,31 @@
+<div class="glass rounded-3xl p-10 text-white animate__animated animate__fadeIn">
+  <div class="mb-8">
+    <a href="/posts" class="inline-flex items-center gap-2 text-indigo-300 hover:text-white transition mb-6">
+      <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali ke Blog
+    </a>
+    <span class="text-xs font-bold text-indigo-300 uppercase tracking-widest block mb-2">
+      <%= @post.date.is_a?(Time) ? @post.date.strftime("%d %B %Y") : @post.date %>
+    </span>
+    <h3 class="text-5xl font-extrabold tracking-tight mb-4"><%= @post.title %></h3>
+    <div class="h-1 w-20 bg-indigo-500 rounded-full"></div>
+  </div>
+
+  <div class="prose prose-invert prose-indigo max-w-none leading-relaxed text-white/80">
+    <%= @post.body_html %>
+  </div>
+
+  <style>
+    .prose h1, .prose h2, .prose h3 { color: white; margin-top: 2em; margin-bottom: 0.5em; font-weight: 800; }
+    .prose h2 { font-size: 1.8em; }
+    .prose p { margin-bottom: 1.5em; }
+    .prose blockquote { border-left: 4px solid #6366f1; padding-left: 1.5em; font-style: italic; color: rgba(255,255,255,0.6); }
+    .prose ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.5em; }
+    .prose code { background: rgba(255,255,255,0.1); padding: 0.2em 0.4em; border-radius: 0.4em; font-size: 0.9em; font-weight: 600; color: #a5b4fc; }
+    .prose code::before, .prose code::after { content: none !important; }
+    .prose pre code { background: transparent; padding: 0; color: inherit; font-weight: inherit; }
+    /* Prism tweaks */
+    code[class*="language-"], pre[class*="language-"] { font-size: 0.9em !important; text-shadow: none !important; }
+  </style>
+</div>
+
+<script>lucide.createIcons();</script>

data/config.ru

@@ -17,5 +17,7 @@ app.add_route "/docs", PagesController, :docs
 app.add_route "/kontak", PagesController, :kontak
 app.add_route "/robots.txt", SeoController, :robots
 app.add_route "/sitemap.xml", SeoController, :sitemap
+app.add_route "/posts", PostsController, :index
+app.add_route "/posts/:slug", PostsController, :show
 
 run app

data/exe/eksa

@@ -10,6 +10,7 @@ def usage
   puts "  eksa init              - Inisialisasi project baru"
   puts "  eksa g controller NAME - Generate controller baru"
   puts "  eksa g model NAME      - Generate model baru"
+  puts "  eksa g post TITLE      - Generate blog post markdown baru"
   puts "  eksa run               - Jalankan server aplikasi"
   puts "-----------------------------\n"
 end
@@ -20,7 +21,7 @@ def init_project
   
   puts "🚀 Menginisialisasi project di: #{target_dir}"
   
-  items_to_init = ['app', 'lib', 'public', 'db', 'spec', 'config.ru', 'Gemfile', 'README.md']
+  items_to_init = ['app', 'lib', 'public', 'db', 'spec', '_posts', 'config.ru', 'Gemfile', 'README.md']
   
   items_to_init.each do |item|
     source = File.join(gem_root, item)
@@ -114,6 +115,26 @@ def generate_model(name)
   puts "  [OK] Created #{file_path}"
 end
 
+def generate_post(title)
+  FileUtils.mkdir_p("_posts")
+  date = Time.now.strftime("%Y-%m-%d")
+  slug = title.downcase.strip.gsub(' ', '-').gsub(/[^\w-]/, '')
+  filename = "_posts/#{date}-#{slug}.md"
+
+  content = <<~MARKDOWN
+    ---
+    title: "#{title}"
+    date: #{Time.now.strftime("%Y-%m-%d %H:%M:%S")}
+    ---
+
+    Tulis konten blog Anda di sini...
+  MARKDOWN
+
+  File.write(filename, content)
+  puts "🛠️ Generating post: #{title}"
+  puts "  [OK] Created #{filename}"
+end
+
 def start_server
   if File.exist?('config.ru')
     puts "🚀 Memulai Eksa Framework Server..."
@@ -138,6 +159,8 @@ when 'g', 'generate'
     generate_controller(name)
   elsif subcommand == 'model' && name
     generate_model(name)
+  elsif subcommand == 'post' && name
+    generate_post(name)
   else
     usage
   end

data/lib/eksa/markdown_post.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+# encoding: utf-8
+
+require 'yaml'
+require 'kramdown'
+
+module Eksa
+  class MarkdownPost
+    attr_reader :content, :metadata, :slug, :filename
+
+    POSTS_DIR = "_posts"
+
+    def self.all
+      return [] unless Dir.exist?(POSTS_DIR)
+      
+      Dir.glob(File.join(POSTS_DIR, "*.md")).map do |file|
+        new(file)
+      end.sort_by { |p| p.date }.reverse
+    end
+
+    def self.find(slug)
+      all.find { |p| p.slug == slug }
+    end
+
+    def initialize(file_path)
+      @filename = File.basename(file_path)
+      @slug = @filename.sub(/\.md$/, '')
+      load_file(file_path)
+    end
+
+    def title
+      @metadata['title'] || "Untitled Post"
+    end
+
+    def date
+      @metadata['date'] || File.mtime(File.join(POSTS_DIR, @filename))
+    end
+
+    def body_html
+      Kramdown::Document.new(@content, input: 'GFM').to_html
+    end
+
+    private
+
+    def load_file(file_path)
+      content = File.read(file_path, encoding: 'utf-8')
+      # Improved regex: handle optional trailing newline after second separator
+      if content =~ /\A(---\s*\r?\n.*?\r?\n)^(---\s*\r?\n?)/m
+        @metadata = YAML.safe_load($1, permitted_classes: [Time])
+        @content = $'
+      else
+        @metadata = {}
+        @content = content
+      end
+    end
+  end
+end

data/lib/eksa/version.rb

@@ -1,3 +1,3 @@
 module Eksa
-  VERSION = "2.2.2"
+  VERSION = "3.3.2"
 end

data/lib/eksa.rb

@@ -1,7 +1,9 @@
 require 'rack'
+require 'json'
 require_relative 'eksa/version'
 require_relative 'eksa/controller'
 require_relative 'eksa/model'
+require_relative 'eksa/markdown_post'
 
 module Eksa
   class Application
@@ -22,7 +24,13 @@ module Eksa
     end
 
     def add_route(path, controller_class, action)
-      @routes[path] = { controller: controller_class, action: action }
+      pattern = path.gsub(/:\w+/, '([^/]+)')
+      @routes[path] = { 
+        controller: controller_class, 
+        action: action, 
+        regex: Regexp.new("\\A#{pattern}\\z"),
+        keys: path.scan(/:(\w+)/).flatten
+      }
     end
 
     def use(middleware, *args, &block)
@@ -46,12 +54,28 @@ module Eksa
     def core_call(env)
       request = Rack::Request.new(env)
       flash_message = request.cookies['eksa_flash']
-      route = @routes[request.path_info]
+      
+      # Find matching route
+      route_config = nil
+      params = {}
+      
+      @routes.each do |path, config|
+        if match = config[:regex].match(request.path_info)
+          route_config = config
+          config[:keys].each_with_index do |key, index|
+            params[key] = match[index + 1]
+          end
+          break
+        end
+      end
 
-      if route
-        controller_instance = route[:controller].new(request)
+      if route_config
+        # Merge dynamic params into request params
+        request.params.merge!(params)
+        
+        controller_instance = route_config[:controller].new(request)
         controller_instance.flash[:notice] = flash_message if flash_message
-        response_data = controller_instance.send(route[:action])
+        response_data = controller_instance.send(route_config[:action])
         if response_data.is_a?(Array) && response_data.size == 3
           status, headers, body = response_data
           response = Rack::Response.new(body, status, headers)

data/spec/markdown_post_spec.rb

@@ -0,0 +1,31 @@
+require 'spec_helper'
+require 'fileutils'
+
+describe Eksa::MarkdownPost do
+  before(:all) do
+    FileUtils.mkdir_p("_posts")
+    File.write("_posts/2026-03-15-test-post.md", <<~MARKDOWN)
+      ---
+      title: "Test Post"
+      date: 2026-03-15 10:00:00
+      ---
+      # Hello World
+      This is a **test**.
+    MARKDOWN
+  end
+
+  after(:all) do
+    File.delete("_posts/2026-03-15-test-post.md") if File.exist?("_posts/2026-03-15-test-post.md")
+  end
+
+  it "loads metadata correctly" do
+    post = Eksa::MarkdownPost.find("2026-03-15-test-post")
+    expect(post.title).to eq("Test Post")
+  end
+
+  it "converts markdown to html" do
+    post = Eksa::MarkdownPost.find("2026-03-15-test-post")
+    expect(post.body_html).to include("<h1 id=\"hello-world\">Hello World</h1>")
+    expect(post.body_html).to include("<strong>test</strong>")
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: eksa-framework
 version: !ruby/object:Gem::Version
-  version: 2.2.2
+  version: 3.3.2
 platform: ruby
 authors:
 - IshikawaUta
@@ -65,6 +65,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.3'
+- !ruby/object:Gem::Dependency
+  name: kramdown
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.4'
+- !ruby/object:Gem::Dependency
+  name: kramdown-parser-gfm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
 description: Framework MVC ringan dengan tema modern, sistem routing, dan auto-database
   SQLite.
 email:
@@ -78,7 +106,9 @@ files:
 - Gemfile.lock
 - LICENSE
 - README.md
+- _posts/2026-03-15-welcome-to-eksa-framework.md
 - app/controllers/pages_controller.rb
+- app/controllers/posts_controller.rb
 - app/controllers/seo_controller.rb
 - app/models/pesan.rb
 - app/views/about.html.erb
@@ -87,17 +117,21 @@ files:
 - app/views/index.html.erb
 - app/views/kontak.html.erb
 - app/views/layout.html.erb
+- app/views/posts/index.html.erb
+- app/views/posts/show.html.erb
 - config.ru
 - db/setup.rb
 - exe/eksa
 - lib/eksa.rb
 - lib/eksa/controller.rb
+- lib/eksa/markdown_post.rb
 - lib/eksa/model.rb
 - lib/eksa/version.rb
 - public/css/style.css
 - public/img/favicon.ico
 - public/img/logo.png
 - spec/application_spec.rb
+- spec/markdown_post_spec.rb
 - spec/model_spec.rb
 - spec/spec_helper.rb
 homepage: https://github.com/IshikawaUta/eksa-framework