feat: enhance ui, blog, docs and move index page in content first level

Author: LeadcodeDev

.astro/content-modules.mjs

@@ -1,17 +1,19 @@
 
 export default new Map([
 ["content/blog/welcome.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fblog%2Fwelcome.mdx&astroContentModuleFlag=true")],
+["content/docs/framework/deploy.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fdeploy.mdx&astroContentModuleFlag=true")],
+["content/docs/framework/getting-started.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fgetting-started.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/configuration.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fconfiguration.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/blog.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fblog.mdx&astroContentModuleFlag=true")],
-["content/docs/framework/deploy.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fdeploy.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/docs.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fdocs.mdx&astroContentModuleFlag=true")],
-["content/docs/framework/getting-started.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fgetting-started.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/installation.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Finstallation.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/project-structure.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fproject-structure.mdx&astroContentModuleFlag=true")],
+["content/about.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fabout.mdx&astroContentModuleFlag=true")],
+["content/index.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Findex.mdx&astroContentModuleFlag=true")],
+["content/docs/framework/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2F_default.mdx&astroContentModuleFlag=true")],
+["content/docs/syntax/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2F_default.mdx&astroContentModuleFlag=true")],
 ["content/docs/syntax/code-block.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Fcode-block.mdx&astroContentModuleFlag=true")],
-["content/docs/syntax/alert.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Falert.mdx&astroContentModuleFlag=true")],
 ["content/docs/syntax/markdown.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Fmarkdown.mdx&astroContentModuleFlag=true")],
-["content/docs/syntax/text.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Ftext.mdx&astroContentModuleFlag=true")],
-["content/docs/syntax/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2F_default.mdx&astroContentModuleFlag=true")],
-["content/docs/framework/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2F_default.mdx&astroContentModuleFlag=true")]]);
+["content/docs/syntax/alert.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Falert.mdx&astroContentModuleFlag=true")],
+["content/docs/syntax/text.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Ftext.mdx&astroContentModuleFlag=true")]]);
 

.astro/content.d.ts

@@ -197,6 +197,14 @@ declare module 'astro:content' {
   rendered?: RenderedContent;
   filePath?: string;
 }>;
+"pages": Record<string, {
+  id: string;
+  body?: string;
+  collection: "pages";
+  data: InferEntrySchema<"pages">;
+  rendered?: RenderedContent;
+  filePath?: string;
+}>;
 "syntax": Record<string, {
   id: string;
   body?: string;

.astro/data-store.json

@@ -2,3 +2,4 @@ node_modules/
 dist/
 .idea
 .vscode
+.DS_Store

.gitignore

@@ -17,6 +17,7 @@ import rehypeCallouts from "rehype-callouts";
 import rehypeMermaid from "rehype-mermaid";
 import rehypeCodeGroupReact from "./src/lib/plugins/code-group/plugin";
 import rehypeReadMoreReact from "./src/lib/plugins/read-more/plugin";
+import rehypeBlogListReact from "./src/lib/plugins/blog-list/plugin";
 import {
   default as remarkDirective,
   default as remarkReadMoreDirective,
@@ -63,6 +64,7 @@ export default defineConfig({
       ],
       rehypeCodeGroupReact,
       rehypeReadMoreReact,
+      rehypeBlogListReact,
     ],
   },
 

astro.config.mjs

@@ -0,0 +1,6 @@
+---
+---
+
+# About
+
+:::blog-list

content/about.mdx

@@ -19,4 +19,4 @@ Explainer fills an important gap in the technical documentation ecosystem. While
 
 This is where Astro, and by extension Explainer, particularly shines. Astro offers remarkable flexibility by allowing you to integrate any technological component related to your business. You can easily incorporate React, Vue, Svelte components, or even standard web elements according to your specific needs.
 
-This agnostic approach allows you to create documentation that perfectly aligns with your existing technology stack, without forcing you to adopt a particular ecosystem. Whether you work with React, Vue, or other frameworks, Explainer adapts to your needs rather than the other way around.
+This agnostic approach allows you to create documentation that perfectly aligns with your existing technology stack, without forcing you to adopt a particular ecosystem. Whether you work with React, Vue, or other frameworks, Explainer adapts to your needs rather than the other way around.

content/blog/welcome.mdx

@@ -5,7 +5,11 @@ description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 permalink: framework
 icon: lucide:cuboid
 collection:
-  - getting-started: true
-  - deploy: true
-  - project-structure: true
+  - getting-started: false
+  - installation: true
+  - project-structure: false
+  - configuration: true
+  - docs: true
+  - deploy: false
+  - blog: true
 ---

content/docs/framework/_default.mdx

@@ -21,7 +21,7 @@ You should use the frontmatter on top of the file to define the article metadata
 > [!WARNING]
 > The `permalink` property is required. If you modify it, the URL of the article will change.
 
-:::code-group labels=[frontmatter, schema]
+:::codegroup labels=[frontmatter, schema]
 
 ```mdx
 ---

content/docs/framework/blog.mdx

@@ -5,9 +5,9 @@ permalink: getting-started
 icon: lucide:info
 order: 1
 ---
+
 # Getting Started 🚀
 
 ## Introduction
 
 Explainer provides a rich set of components that can be used directly in your Markdown files. This documentation outlines the various markdown components available for creating beautiful, interactive documentation.
-