diff --git a/.gitignore b/.gitignore
index a8ee542..b1098d3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 tailwindcss
 .hugo_build.lock
 resources/
+public/
diff --git a/content/posts/.gitkeep b/content/posts/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/data/news.json b/data/news.json
deleted file mode 100644
index 3b872b5..0000000
--- a/data/news.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Hello World",
-    "release": "2023-05-24",
-    "author": "LinuxSquare",
-    "content": "## Meow World"
-  },
-  {
-    "title": "Bye World",
-    "release": "2023-05-26",
-    "author": "LinuxSquare",
-    "content": ""
-  }
-]
diff --git a/layouts/shortcodes/news.html b/layouts/shortcodes/news.html
index e4a8124..3dab0d3 100644
--- a/layouts/shortcodes/news.html
+++ b/layouts/shortcodes/news.html
@@ -1,34 +1,15 @@
 <!-- Get Data maybe from strapi -->
 <div class="flex flex-col">
-  {{ range .Site.Data.news }}
+  {{ range last 4 (site.GetPage "posts").Pages.ByDate }}
     <div class="flex-auto">
-      <h3 class="mb-0">{{.title}}</h3>
-      <small>{{.release}}</small>
+      <h3 class="mb-0">{{ .Title }}</h3>
+      <small>{{ .Date | time.Format ":date_long" }}</small>
     </div>
-    <p></p>
-    <button 
-      type="button" 
+    <p>{{ .Summary }}</p>
+    <a 
       class="text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 max-w-2xs"
-      onclick="openNewsPage('{{.title}}', '{{.release}}', '{{.author}}', '{{.content}}')">Read more</button>
-
+      href="{{ .RelPermalink }}">
+      Read more
+    </a>
   {{ end }}
 </div>
-
-<div id="newsbox" class="invisible">
-  <div class="color-background"></div>
-  <div class="content">
-    <div class="inner">
-      <div class="close-btn" onclick="closeNewsPage()"></div>
-      <h3 id="title-h3" class="title"></h3>
-      <div class="flex flex-row lead">
-        <span id="post-date" class="flex-auto"></span>
-        <span id="authorname" class="flex-auto"></span>
-      </div>
-      <div class="content">
-        <div id="content-box">
-            {{ "## Meow" | markdownify }}
-        </div>
-      </div>
-    </div>
-  </div>
-</div>