feat: Add translations

Author: pomianowski

.github/copilot-instructions.md

@@ -0,0 +1,23 @@
+<ai_agent_rules>
+MANDATORY - Read before ANY task. Do NOT skip steps.
+
+<load_documentation>
+
+- [ ] Read `docs/README.md` - documentation index
+</load_documentation>
+
+<tool_preferences>
+Use **Serena** for code navigation and editing. Prefer over grep/glob/view for code files.
+
+- `get_symbols_overview`, `find_symbol`, `find_referencing_symbols`, `search_for_pattern`
+- `replace_lines`, `delete_lines`, `insert_at_line`, `create_text_file`
+
+Use **Context7** (`resolve-library-id` → `query-docs`) for external libraries. Do NOT rely on training data.
+</tool_preferences>
+
+<documentation_maintenance>
+AFTER completing any task, you MUST ask: **"Update docs/?"** if you discovered new patterns, conventions, or architectural decisions.
+BEFORE context compaction or when context is running low, SAVE key findings to `docs/` so they are not lost.
+Source of truth is `docs/` - update existing files, do NOT create new unless topic does not fit anywhere.
+</documentation_maintenance>
+</ai_agent_rules>

.vscode/mcp.json

@@ -0,0 +1,8 @@
+{
+  "servers": {
+    "astro": {
+      "type": "http",
+      "url": "https://mcp.docs.astro.build/mcp"
+    }
+  }
+}

CLAUDE.md

@@ -0,0 +1,23 @@
+<ai_agent_rules>
+MANDATORY - Read before ANY task. Do NOT skip steps.
+
+<load_documentation>
+
+- [ ] Read `docs/README.md` - documentation index
+</load_documentation>
+
+<tool_preferences>
+Use **Serena** for code navigation and editing. Prefer over grep/glob/view for code files.
+
+- `get_symbols_overview`, `find_symbol`, `find_referencing_symbols`, `search_for_pattern`
+- `replace_lines`, `delete_lines`, `insert_at_line`, `create_text_file`
+
+Use **Context7** (`resolve-library-id` → `query-docs`) for external libraries. Do NOT rely on training data.
+</tool_preferences>
+
+<documentation_maintenance>
+AFTER completing any task, you MUST ask: **"Update docs/?"** if you discovered new patterns, conventions, or architectural decisions.
+BEFORE context compaction or when context is running low, SAVE key findings to `docs/` so they are not lost.
+Source of truth is `docs/` - update existing files, do NOT create new unless topic does not fit anywhere.
+</documentation_maintenance>
+</ai_agent_rules>

astro.config.mjs

@@ -6,6 +6,17 @@ import sitemap from '@astrojs/sitemap';
 export default defineConfig({
   site: 'https://lepo.co',
   // No base path needed for root domain deployment
+  i18n: {
+    defaultLocale: 'en',
+    locales: ['en', 'pl'],
+    fallback: {
+      pl: 'en',
+    },
+    routing: {
+      prefixDefaultLocale: false,
+      fallbackType: 'rewrite',
+    },
+  },
   integrations: [sitemap()],
   markdown: {
     shikiConfig: {

src/components/FormattedDate.astro

@@ -1,10 +1,17 @@
 ---
+import type { Lang } from '../i18n/ui';
+
 export interface Props {
   date: Date;
+  lang?: Lang;
 }
 
-const { date } = Astro.props;
-const formattedDate = date.toISOString().split('T')[0];
+const { date, lang = 'en' } = Astro.props;
+const formattedDate = date.toLocaleDateString(lang === 'pl' ? 'pl-PL' : 'en-US', {
+  year: 'numeric',
+  month: 'long',
+  day: 'numeric',
+});
 ---
 
 <time datetime={date.toISOString()}>

src/components/PostCard.astro

@@ -1,9 +1,12 @@
 ---
+import { getRelativeLocaleUrl } from 'astro:i18n';
 import FormattedDate from './FormattedDate.astro';
+import { useTranslations } from '../i18n/utils';
+import { defaultLang, type Lang } from '../i18n/ui';
 
 export interface Props {
   post: {
-    slug: string;
+    id: string;
     data: {
       title: string;
       description?: string;
@@ -15,11 +18,14 @@ export interface Props {
       externalLink?: string;
     };
   };
+  lang?: Lang;
 }
 
+const lang = (Astro.currentLocale || defaultLang) as Lang;
+const t = useTranslations(lang);
 const { post } = Astro.props;
-const base = import.meta.env.BASE_URL.endsWith('/') ? import.meta.env.BASE_URL : import.meta.env.BASE_URL + '/';
-const postUrl = post.data.externalLink || `${base}posts/${post.slug}/`;
+const slug = post.id.replace(/^(en|pl)\//, '');
+const postUrl = post.data.externalLink || getRelativeLocaleUrl(lang, `posts/${slug}`);
 const isExternal = !!post.data.externalLink;
 ---
 
@@ -31,7 +37,7 @@ const isExternal = !!post.data.externalLink;
   </h2>
   <div class="post-meta">
     <time class="post-date">
-      <FormattedDate date={post.data.pubDate} />
+      <FormattedDate date={post.data.pubDate} lang={lang} />
     </time>
     {post.data.author && (
       <span class="post-author">{post.data.author}</span>
@@ -41,7 +47,7 @@ const isExternal = !!post.data.externalLink;
     <span class="post-tags">
       {post.data.tags.map((tag, index) => (
         <>
-          <a href={`${base}tags/${tag}/`}>{tag}</a>{index < post.data.tags.length - 1 && ', '}
+          <a href={getRelativeLocaleUrl(lang, `tags/${tag}`)}>{tag}</a>{index < post.data.tags.length - 1 && ', '}
         </>
       ))}
     </span>
@@ -61,7 +67,7 @@ const isExternal = !!post.data.externalLink;
   )}
   <div>
     <a href={postUrl} class="read-more button inline" target={isExternal ? "_blank" : undefined} rel={isExternal ? "noopener" : undefined}>
-      [Read more]
+      {t('post.readMore')}
     </a>
   </div>
 </article>

src/content.config.ts

@@ -1,7 +1,9 @@
-import { defineCollection, z } from 'astro:content';
+import { defineCollection } from 'astro:content';
+import { glob } from 'astro/loaders';
+import { z } from 'astro/zod';
 
 const posts = defineCollection({
-  type: 'content',
+  loader: glob({ base: './src/content/posts', pattern: '**/*.{md,mdx}' }),
   schema: z.object({
     title: z.string(),
     description: z.string().optional(),