Merge pull request #38 from malimalik/next-js-app-router-cache

Add Next.js caching articles

Author: WebDevSimplified

public/articleAssets/2023-12/next-js-app-router-cache/cache-interactions.png

@@ -3,7 +3,7 @@ layout: "@layouts/BlogPost.astro"
 title: "React Server Components - A New Paradigm"
 date: "2023-11-27"
 description: "Server components are the new way of writing React applications and it changes everything about React making it easier than ever to create complex applications. This article goes in depth into everything you need to know about server components."
-tags: ["React"]
+tags: ["React", "Next.js"]
 ---
 
 import Tangent from "@blogComponents/lib/Tangent.astro"

public/articleAssets/2023-12/next-js-app-router-cache/data-cache.png

@@ -1,9 +1,20 @@
 .shiki .highlighted-line {
+  position: relative;
   background-color: var(--theme-code-highlight-bg);
-  border-left: 0.25em solid var(--color-blue);
   width: 100%;
 }
 
+.shiki .highlighted-line::before {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 0.25em;
+  background: var(--color-blue);
+}
+
 .shiki .line {
   display: inline-block;
   padding-right: 1em;