- + {post.frontmatter.title}
-- {post.frontmatter.description} -
+{post.frontmatter.description}
- {post.frontmatter.tags && ( -- > NO DOCUMENTS FOUND -
+> NO DOCUMENTS FOUND
- - #{tag.name} - - - [{tag.count}] - + #{tag.name} + [{tag.count}] ))}- QUICK NAV -
+QUICK NAV
TAG DATABASE
-- > NO TAGS AVAILABLE -
+> NO TAGS AVAILABLE
TAG REGISTRY
-- > TOTAL TAGS: {allTags.length} -
+> TOTAL TAGS: {allTags.length}
DOCUMENT STATISTICS
-- TAG METRICS -
+TAG METRICS
Despre Mine
- -- Bun venit pe blogul meu! Sunt un dezvoltator pasionat de tehnologie, specializat în - dezvoltarea web modernă cu Next.js, React și TypeScript. -
- -Ce vei găsi aici
--
-
- Tutoriale despre dezvoltare web -
- Ghiduri practice pentru Next.js și React -
- Sfaturi despre design și UX -
- Experiențe din proiecte reale -
Tehnologii folosite
-Acest blog este construit cu:
--
-
- - Next.js 15 - Framework React pentru producție - -
- - TypeScript - Pentru type safety - -
- - Tailwind CSS - Pentru stilizare rapidă - -
- - Markdown - Pentru conținut - -
Contact
-- Mă poți contacta pe{' '} - - email@example.com - {' '} - sau mă poți găsi pe rețelele sociale. -
-tags + // This prevents hydration mismatches between server and client + return ( + + {imageElement} + {caption && ( + {caption} + )} + + ) +} diff --git a/components/blog/blog-card.tsx b/components/blog/blog-card.tsx index aebba54..aaaa1b5 100644 --- a/components/blog/blog-card.tsx +++ b/components/blog/blog-card.tsx @@ -1,4 +1,5 @@ -import Link from 'next/link' +import { useTranslations } from 'next-intl' +import { Link } from '@/i18n/navigation' import Image from 'next/image' import { Post } from '@/lib/types/frontmatter' import { formatDate } from '@/lib/utils' @@ -9,6 +10,7 @@ interface BlogCardProps { } export function BlogCard({ post, variant }: BlogCardProps) { + const t = useTranslations('BlogPost') const hasImage = !!post.frontmatter.image if (!hasImage || variant === 'text-only') { @@ -38,7 +40,7 @@ export function BlogCard({ post, variant }: BlogCardProps) { ))}
{children}
- }, - h2: ({ children }) => { - const text = String(children) - const id = text - .toLowerCase() - .replace(/[^a-z0-9]+/g, '-') - .replace(/(^-|-$)/g, '') - return{children}
- }, - h3: ({ children }) => { - const text = String(children) - const id = text - .toLowerCase() - .replace(/[^a-z0-9]+/g, '-') - .replace(/(^-|-$)/g, '') - return{children}
- }, - code: ({ inline, className, children, ...props }: any) => { - const match = /language-(\w+)/.exec(className || '') - if (!inline && match) { - return{children}
- },
- img: ({ src, alt }) => {
- if (!src || typeof src !== 'string') return null
- const isExternal = src.startsWith('http://') || src.startsWith('https://')
+
+ {children}
+
+ )
+ }
+
+ return + {children} +
+ ) + }, + h2: ({ node, children, ...props }) => { + const text = String(children) + const id = text + .toLowerCase() + .replace(/[^a-z0-9]+/g, '-') + .replace(/(^-|-$)/g, '') + return ( ++ {children} +
+ ) + }, + h3: ({ node, children, ...props }) => { + const text = String(children) + const id = text + .toLowerCase() + .replace(/[^a-z0-9]+/g, '-') + .replace(/(^-|-$)/g, '') + return ( ++ {children} +
+ ) + }, + ul: ({ node, children, ...props }) => ( +-
+ {children}
+
-
+ {children}
+
+ {children} ++ ), + table: ({ node, children, ...props }) => ( +
- POPULAR TAGS -
+POPULAR TAGS
Hello, Next.js 15!
-} -``` - -## Conclusion - -Next.js 15 brings many improvements for building modern web applications. diff --git a/content/blog/ro/why-this-page.md b/content/blog/ro/why-this-page.md new file mode 100644 index 0000000..085dbfd --- /dev/null +++ b/content/blog/ro/why-this-page.md @@ -0,0 +1,41 @@ +--- +title: 'Why I created this page' +description: 'First post' +date: '2025-12-02' +author: 'Rares' +category: 'Opinion' +tags: ['opinion'] +image: '' +draft: false +--- + +# De ce aceasta pagina? + +Daca te intrebi de ce aceata pagina? Pentru ca vreau sa jurnalizez lucrurile la care lucrez, sau gandurile pe care vreua sa le impartesesc. + +## Why a blog? + +You might be thinking, "Why create another tech blog? There are plenty out there." +Well, yes, there are. But I believe that sharing some of my opinions and experiences will eventually act out as a journal: + +1. **Personal touch**: Even though i've been working corporate all my career, this webpage won't contain that sugar coated language 😅. It's a place where you'll get to know me – my thoughts, my mistakes, and my victories. I believe that this personal touch makes the content more engaging and relatable. +2. **Beyond tech**: While I'll be writing about technology, I also want to explore other topics that interest me, such as mental health, productivity and so on.... I think a well-rounded approach can help create a more engaging and informative space. +3. **Self-hosting adventure**: As you might have guessed from the title, this blog is self-hosted. This was an exciting journey for me, and I'll be sharing my experiences, challenges, and learnings along the way. If you're interested in self-hosting or just want to understand what it's all about, you might find what worked for me or didn't. + +## Why self-host? + + + +Now, let's talk about why I chose to self-host this blog. In a nutshell, self-hosting gave me: + +- **Full control**: By hosting my own website, I have complete control over my content and how it's displayed. No more compromises or limitations imposed by third-party platforms. +- **Owning my data**: It's just, that I can have control over my data without others snooping around. +- **It's fun**: Started looking into sysadmin/devops for a long time, after a burnout I stepped into selfhosting more convincingly. + +## What to expect + +As I mentioned earlier, this blog will be a mix of tech tutorials, personal thoughts, and everything in between. Here's what you can look forward to: + +- **Tech how-tos**: Step-by-step guides on various topics, from setting up your own development environment to configuring your server. +- **Self-hosting adventures**: My experiences, learnings, and tips on self-hosting, including challenges faced and solutions implemented. +- **Random musings**: Thoughts on productivity, mental health, and other interests of mine that might not be directly related to tech. diff --git a/content/blog/tech/articol-tehnic.md b/content/blog/tech/articol-tehnic.md deleted file mode 100644 index 87f4548..0000000 --- a/content/blog/tech/articol-tehnic.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: 'Articol Tehnic din Subdirector' -description: 'Test pentru subdirectoare și organizare ierarhică' -date: '2025-01-10' -author: 'Tech Writer' -category: 'Tehnologie' -tags: ['nextjs', 'react', 'typescript'] -draft: false ---- - -# Articol Tehnic - -Acesta este un articol stocat într-un subdirector pentru a testa funcționalitatea de organizare ierarhică. - -## Next.js și React - -Next.js este un framework React puternic care oferă: - -- Server-side rendering (SSR) -- Static site generation (SSG) -- API routes -- File-based routing - -## Exemplu de cod TypeScript - -```typescript -interface User { - id: number - name: string - email: string -} - -async function fetchUser(id: number): Promise post)
}
-export function getAllPostSlugs(): string[][] {
+export function getAllPostSlugs(locale: string = 'en'): string[][] {
const slugs: string[][] = []
+ const localeDir = path.join(POSTS_PATH, locale)
+
+ if (!fs.existsSync(localeDir)) {
+ return []
+ }
function walkDir(dir: string, prefix: string[] = []): void {
const files = fs.readdirSync(dir)
@@ -148,9 +191,26 @@ export function getAllPostSlugs(): string[][] {
}
}
- if (fs.existsSync(POSTS_PATH)) {
- walkDir(POSTS_PATH)
- }
+ walkDir(localeDir)
return slugs
}
+
+export async function getAvailableLocales(slug: string): Promise