feat(blog): add i18n

Signed-off-by: Emilien Escalle <emilien.escalle@escemi.com>

Author: neilime

.devcontainer/devcontainer.json

@@ -6,9 +6,7 @@
     "ghcr.io/devcontainers/features/docker-in-docker:2": {},
     "ghcr.io/devcontainers/features/github-cli:1": {}
   },
-  "forwardPorts": [
-    4321
-  ],
+  "forwardPorts": [4321],
   "secrets": {},
   "remoteEnv": {
     "GITHUB_TOKEN": "${localEnv:GITHUB_TOKEN}"
@@ -33,18 +31,14 @@
         "servers": {
           "playwright": {
             "command": "npx",
-            "args": [
-              "@playwright/mcp@latest"
-            ]
+            "args": ["@playwright/mcp@latest"]
           },
           "lighthouse": {
             "command": "npx",
-            "args": [
-              "lighthouse-mcp"
-            ]
+            "args": ["lighthouse-mcp"]
           }
         }
       }
     }
   }
-}
+}

.github/linters/.jscpd.json

@@ -0,0 +1,11 @@
+{
+  "threshold": 5,
+  "gitignore": true,
+  "ignore": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/.astro/**",
+    "**/coverage/**",
+    "**/.vscode/**"
+  ]
+}

.vscode/astrowind/config-schema.json

@@ -231,7 +231,14 @@
               "required": ["isEnabled", "pathname", "robots"]
             }
           },
-          "required": ["isEnabled", "postsPerPage", "post", "list", "category", "tag"]
+          "required": [
+            "isEnabled",
+            "postsPerPage",
+            "post",
+            "list",
+            "category",
+            "tag"
+          ]
         }
       },
       "required": ["blog"]

.vscode/settings.json

@@ -1,6 +1,12 @@
 {
   "css.customData": ["./vscode.tailwind.json"],
-  "eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "astro",
+    "typescript",
+    "typescriptreact"
+  ],
   "files.associations": {
     "*.mdx": "markdown"
   },

README.md

@@ -1,6 +1,6 @@
-# Cloud Native Provence — Landing Page
+# Cloud Native Provence - Landing Page
 
-Conference website for Cloud Native Provence, with bilingual routing (`fr` / `en`) and translated page slugs.
+Conference site for Cloud Native Provence, with bilingual routing (`fr` / `en`) and translated page slugs.
 
 ## Development workflow
 
@@ -12,13 +12,13 @@ make help
 
 Main targets:
 
-- `make setup` — install project dependencies
-- `make start` — start local dev server (`application`)
-- `make build` — production build
-- `make test-app` — run application tests with coverage
-- `make lint` — run linters/checks
-- `make lint-fix` — run fixers
-- `make ci` — lint + build + test pipeline
+- `make setup` - install project dependencies
+- `make start` - start local dev server (`application`)
+- `make build` - production build
+- `make test` - run application tests with coverage
+- `make lint` - run linters/checks
+- `make lint-fix` - run fixers
+- `make ci` - lint + build + test pipeline
 
 ## Tests and coverage
 
@@ -30,11 +30,11 @@ make test
 
 ## Dev Container
 
-This repository includes a VS Code Dev Container in `.devcontainer/devcontainer.json`.
+This repository includes a Visual Studio Code Dev Container in `.devcontainer/devcontainer.json`.
 
 Quick start:
 
-1. Open the repository in VS Code.
+1. Open the repository in Visual Studio Code.
 2. Run `Dev Containers: Reopen in Container`.
 3. Inside the container:
 
@@ -48,7 +48,7 @@ The dev container provides:
 - Node.js
 - Docker-in-Docker
 - GitHub CLI
-- VS Code extensions for Astro, ESLint, Prettier, Tailwind, Makefile, Copilot
+- Visual Studio Code extensions for Astro, ESLint, Prettier, Tailwind, Makefile, Copilot
 
 The app is available on port `4321`.
 
@@ -59,13 +59,14 @@ Routing is locale-first and centralized:
 - `/` redirects to `/fr`
 - `/fr` and `/en` are localized homepages
 - `/{lang}/{translated-slug}` serves localized content pages
+- `/{lang}/blog/...` serves localized blog list, posts, categories, and tags
 
 Key files:
 
-- `application/src/pages/index.astro` — root redirect
-- `application/src/pages/[lang]/index.astro` — localized homepage
-- `application/src/pages/[lang]/[page].astro` — localized dynamic pages
-- `application/src/i18n/routes.ts` — slug mapping and path translation helpers
+- `application/src/pages/index.astro` - root redirect
+- `application/src/pages/[lang]/index.astro` - localized homepage
+- `application/src/pages/[lang]/[page].astro` - localized dynamic pages
+- `application/src/i18n/routes.ts` - slug mapping and path translation helpers
 
 Translated static pages:
 
@@ -100,7 +101,6 @@ Translated static pages:
     │   ├── i18n/
     │   ├── layouts/
     │   ├── pages/
-    │   │   ├── [...blog]/
     │   │   ├── [lang]/
     │   │   ├── about/
     │   │   ├── brand-guidelines/

application/astro.config.ts

@@ -21,13 +21,18 @@ const hasExternalScripts = false;
 const whenExternalScripts = (items: (() => AstroIntegration) | (() => AstroIntegration)[] = []) =>
   hasExternalScripts ? (Array.isArray(items) ? items.map((item) => item()) : [items()]) : [];
 
+const defaultLocale = 'fr';
+
 export default defineConfig({
   site: 'https://cloudnative-provence.fr',
   base: '/',
   output: 'static',
+  redirects: {
+    '/': '/' + defaultLocale,
+  },
   i18n: {
-    locales: ['fr', 'en'],
-    defaultLocale: 'fr',
+    locales: [defaultLocale, 'en'],
+    defaultLocale,
   },
   integrations: [
     tailwind({
@@ -77,7 +82,7 @@ export default defineConfig({
   ],
 
   image: {
-    domains: ['cdn.pixabay.com'],
+    domains: [],
   },
 
   markdown: {

application/public/favicon.ico

@@ -0,0 +1 @@
+../src/assets/favicons/favicon.ico

application/src/components/blog/GridItem.astro

@@ -6,15 +6,17 @@ import Image from '~/components/common/Image.astro';
 
 import { findImage } from '~/utils/images';
 import { getPermalink } from '~/utils/permalinks';
+import { getLangFromUrl } from '~/i18n/utils';
 
 export interface Props {
   post: Post;
 }
 
 const { post } = Astro.props;
 const image = await findImage(post.image);
+const currentLang = getLangFromUrl(Astro.url);
 
-const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : '';
+const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post', currentLang) : '';
 ---
 
 <article

application/src/components/blog/ListItem.astro

@@ -10,15 +10,17 @@ import type { Post } from '~/types';
 import { getPermalink } from '~/utils/permalinks';
 import { findImage } from '~/utils/images';
 import { getFormattedDate } from '~/utils/utils';
+import { getLangFromUrl } from '~/i18n/utils';
 
 export interface Props {
   post: Post;
 }
 
 const { post } = Astro.props;
 const image = (await findImage(post.image)) as ImageMetadata | undefined;
+const currentLang = getLangFromUrl(Astro.url);
 
-const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : '';
+const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post', currentLang) : '';
 ---
 
 <article
@@ -82,7 +84,7 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :
               <>
                 {' '}
                 ·{' '}
-                <a class="hover:underline" href={getPermalink(post.category.slug, 'category')}>
+                <a class="hover:underline" href={getPermalink(post.category.slug, 'category', currentLang)}>
                   {post.category.title}
                 </a>
               </>

application/src/components/blog/RelatedPosts.astro

@@ -5,12 +5,14 @@ import { getRelatedPosts } from '~/utils/blog';
 import BlogHighlightedPosts from '../widgets/BlogHighlightedPosts.astro';
 import type { Post } from '~/types';
 import { getBlogPermalink } from '~/utils/permalinks';
+import { getLangFromUrl } from '~/i18n/utils';
 
 export interface Props {
   post: Post;
 }
 
 const { post } = Astro.props;
+const currentLang = getLangFromUrl(Astro.url);
 
 const relatedPosts = post.tags ? await getRelatedPosts(post, 4) : [];
 ---
@@ -24,7 +26,7 @@ const relatedPosts = post.tags ? await getRelatedPosts(post, 4) : [];
       }}
       title="Related Posts"
       linkText="View All Posts"
-      linkUrl={getBlogPermalink()}
+      linkUrl={getBlogPermalink(currentLang)}
       postIds={relatedPosts.map((post) => post.id)}
     />
   ) : null