+
+ >
+ {post.readingTime} min
+
+
+ + + {post.frontmatter.title} + +
+ ++ {post.frontmatter.description} +
+ + {post.frontmatter.tags && ( +
+
+ );
+}
diff --git a/app/tags/layout.tsx b/app/tags/layout.tsx
new file mode 100644
index 0000000..c9a69d2
--- /dev/null
+++ b/app/tags/layout.tsx
@@ -0,0 +1,16 @@
+import { Metadata } from 'next'
+import { Navbar } from '@/components/blog/navbar'
+
+export const metadata: Metadata = {
+ title: 'Tag-uri',
+ description: 'Explorează articolele după tag-uri',
+}
+
+export default function TagsLayout({ children }: { children: React.ReactNode }) {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ + TAG ARCHIVE +
++ #{tagInfo.name} +
++ > {tagInfo.count} {tagInfo.count === 1 ? 'DOCUMENT' : 'DOCUMENTS'} +
+
+
+ > ALL TAGS
+
+
+
+
+
+ {posts.length === 0 ? (
+
+
+
+
+
+ ) : (
+ + > NO DOCUMENTS FOUND +
+ + > VIEW ALL POSTS + +
+ {posts.map(post => (
+
+ )}
+
+
+ );
+ }
+
+ const groupedTags = allTags.reduce((acc, tag) => {
+ const firstLetter = tag.name[0].toUpperCase();
+ if (!acc[firstLetter]) {
+ acc[firstLetter] = [];
+ }
+ acc[firstLetter].push(tag);
+ return acc;
+ }, {} as Record
+
+
+
+ + TAG DATABASE +
++ > NO TAGS AVAILABLE +
+ + > VIEW ALL POSTS + +
+
+ );
+}
diff --git a/components/blog/popular-tags.tsx b/components/blog/popular-tags.tsx
new file mode 100644
index 0000000..87f09b2
--- /dev/null
+++ b/components/blog/popular-tags.tsx
@@ -0,0 +1,44 @@
+import Link from 'next/link';
+import { getPopularTags } from '@/lib/tags';
+import { TagBadge } from './tag-badge';
+
+export async function PopularTags({ limit = 5 }: { limit?: number }) {
+ const tags = await getPopularTags(limit);
+
+ if (tags.length === 0) return null;
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + DOCUMENT TYPE: TAG DATABASE +
++ TAG REGISTRY +
++ > TOTAL TAGS: {allTags.length} +
+
+
+ + SECTION: TAG CLOUD VISUALIZATION +
+
+
+
+
+ + SECTION: ALPHABETICAL INDEX +
+
+ {sortedLetters.map(letter => (
+
+
+
+ ))}
+
+
+ + > [{letter}] +
+
+ {groupedTags[letter].map(tag => (
+
+ #{tag.name}
+
+
+
+ + DOCUMENT STATISTICS +
++ TAG METRICS +
+
+
+
+
+
+ {allTags.length}
+
+
+ TOTAL TAGS
+
+
+
+
+ {Math.max(...allTags.map(t => t.count))}
+
+
+ MAX POSTS/TAG
+
+
+
+
+ {Math.round(allTags.reduce((sum, t) => sum + t.count, 0) / allTags.length)}
+
+
+ AVG POSTS/TAG
+
+
+
+ );
+}
diff --git a/components/blog/tag-badge.tsx b/components/blog/tag-badge.tsx
new file mode 100644
index 0000000..6f4032d
--- /dev/null
+++ b/components/blog/tag-badge.tsx
@@ -0,0 +1,20 @@
+interface TagBadgeProps {
+ count: number;
+ className?: string;
+}
+
+export function TagBadge({ count, className = '' }: TagBadgeProps) {
+ return (
+
+ {count}
+
+ );
+}
diff --git a/components/blog/tag-cloud.tsx b/components/blog/tag-cloud.tsx
new file mode 100644
index 0000000..50c0b00
--- /dev/null
+++ b/components/blog/tag-cloud.tsx
@@ -0,0 +1,36 @@
+import Link from 'next/link';
+import { TagInfo } from '@/lib/tags';
+
+interface TagCloudProps {
+ tags: Array
+
+ + POPULAR TAGS +
+
+ {tags.map((tag, index) => (
+
+
+
+ > VIEW ALL TAGS
+
+
+
+ [{index + 1}]
+
+
+ #{tag.name}
+
+
+
+ {tags.map(tag => (
+
+ #{tag.name}
+
+ ))}
+
+ );
+}
diff --git a/components/blog/tag-list.tsx b/components/blog/tag-list.tsx
new file mode 100644
index 0000000..187a391
--- /dev/null
+++ b/components/blog/tag-list.tsx
@@ -0,0 +1,37 @@
+import Link from 'next/link';
+import { slugifyTag } from '@/lib/tags';
+
+interface TagListProps {
+ tags: (string | undefined)[];
+ variant?: 'default' | 'minimal' | 'colored';
+ className?: string;
+}
+
+export function TagList({ tags, variant = 'default', className = '' }: TagListProps) {
+ const validTags = tags.filter(Boolean) as string[];
+
+ if (validTags.length === 0) return null;
+
+ const baseClasses = 'inline-flex items-center font-mono text-xs uppercase border transition-colors';
+
+ const variants = {
+ default: 'px-3 py-1 bg-zinc-900 border-slate-700 text-zinc-400 hover:border-cyan-400 hover:text-cyan-400',
+ minimal: 'px-2 py-0.5 border-transparent text-zinc-500 hover:text-cyan-400',
+ colored: 'px-3 py-1 bg-cyan-900 border-cyan-700 text-cyan-300 hover:bg-cyan-800 hover:border-cyan-600',
+ };
+
+ return (
+
+ {validTags.map(tag => (
+
+ #
+ {tag}
+
+ ))}
+
+ );
+}
diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
index 48cb140..6ac4caa 100644
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@@ -67,14 +67,14 @@ services:
# Resource limits for production
# Prevents container from consuming all server resources
- deploy:
- resources:
- limits:
- cpus: '1.0' # Maximum 1 CPU core
- memory: 512M # Maximum 512MB RAM
- reservations:
- cpus: '0.25' # Reserve at least 0.25 CPU cores
- memory: 256M # Reserve at least 256MB RAM
+ # deploy:
+ # resources:
+ # limits:
+ # cpus: '1.0' # Maximum 1 CPU core
+ # memory: 512M # Maximum 512MB RAM
+ # reservations:
+ # cpus: '0.25' # Reserve at least 0.25 CPU cores
+ # memory: 256M # Reserve at least 256MB RAM
# Network configuration
networks:
diff --git a/lib/tags.ts b/lib/tags.ts
new file mode 100644
index 0000000..f2b57da
--- /dev/null
+++ b/lib/tags.ts
@@ -0,0 +1,131 @@
+import { getAllPosts } from './markdown';
+import type { Post } from './types/frontmatter';
+
+export interface TagInfo {
+ name: string;
+ slug: string;
+ count: number;
+}
+
+export interface TagWithPosts {
+ tag: TagInfo;
+ posts: Post[];
+}
+
+export function slugifyTag(tag: string): string {
+ return tag
+ .toLowerCase()
+ .replace(/[ăâ]/g, 'a')
+ .replace(/[îï]/g, 'i')
+ .replace(/[șş]/g, 's')
+ .replace(/[țţ]/g, 't')
+ .replace(/\s+/g, '-')
+ .replace(/[^a-z0-9-]/g, '')
+ .replace(/-+/g, '-')
+ .replace(/^-|-$/g, '');
+}
+
+export async function getAllTags(): Promise