Refactor Blog page and add blog post for K8s Operator

.github/workflows/continuous-deployment.yml

@@ -55,6 +55,11 @@ jobs:
         with:
           node-version: 24
           cache: npm
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: 3.3
+          bundler-cache: true
       - name: Restore cache
         uses: actions/cache@v4
         with:
@@ -70,6 +75,7 @@ jobs:
       - name: Build with Next.js
         env:
           NEXT_BASE_PATH: ${{ github.event.repository.name }}
+          JEKYLL_BASE_PATH: /${{ github.event.repository.name }}/blogs
         run: npm run build
       - name: Download DocumentDB packages from latest release
         run: .github/scripts/download_packages.sh

.github/workflows/continuous-integration.yml

@@ -41,6 +41,12 @@ jobs:
         with:
           node-version: 24
           cache: npm
+      - name: Setup Ruby
+        # The full site build now includes the Jekyll-powered blogs section.
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: 3.3
+          bundler-cache: true
       - name: Install dependencies
         run: npm ci
       - name: Build Next.js site

.gitignore

@@ -27,6 +27,12 @@ articles/**/*.yml
 /.next/
 /out/
 
+# jekyll
+/.bundle/
+/.jekyll-cache/
+/.sass-cache/
+/vendor/bundle/
+
 # production
 /build
 
@@ -48,4 +54,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
+next-env.d.ts

Gemfile

@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem "ffi", "~> 1.15.5"
+gem "jekyll", "~> 4.3.4"
+gem "webrick", "~> 1.8"

Gemfile.lock

@@ -0,0 +1,76 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.9)
+      public_suffix (>= 2.0.2, < 8.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.3.6)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.15.5)
+    forwardable-extended (2.6.0)
+    google-protobuf (3.23.4)
+    http_parser.rb (0.8.1)
+    i18n (1.14.8)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.4)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.5.2)
+      rexml (>= 3.4.4)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.10.0)
+      logger
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.7.0)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.1.1)
+    rake (13.3.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
+    rexml (3.4.4)
+    rouge (3.30.0)
+    safe_yaml (1.0.5)
+    sass-embedded (1.58.3)
+      google-protobuf (~> 3.21)
+      rake (>= 10.0.0)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.6.0)
+    webrick (1.9.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  ffi (~> 1.15.5)
+  jekyll (~> 4.3.4)
+  webrick (~> 1.8)
+
+BUNDLED WITH
+   2.4.22

app/components/Navbar.tsx

@@ -81,12 +81,12 @@ export default function Navbar() {
             >
               K8s Operator
             </Link>
-            <Link
-              href="/blogs"
+            <a
+              href={withBasePath("/blogs/")}
               className="text-gray-300 hover:text-blue-400 transition-colors duration-200 font-medium"
             >
               Blogs
-            </Link>
+            </a>
           </div>
         </div>
       </div>