Add English locale with path prefix and CI deploy

Publish PT at / and EN at /en, link posts via translationKey, and deploy to Cloudflare Workers on push to main.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: lucis

.github/workflows/deploy.yml

@@ -0,0 +1,40 @@
+name: Deploy
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+concurrency:
+  group: deploy-production
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v4
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: deploy
+          packageManager: npm

README.md

@@ -2,6 +2,16 @@
 
 Blog pessoal de Luciano Júnior, construído com [Astro](https://astro.build) e hospedado no Cloudflare Workers.
 
+Site: [https://blog.lucis.dev](https://blog.lucis.dev)  
+Repositório: [github.com/lucis/blog](https://github.com/lucis/blog)
+
+## Idiomas
+
+- Português (padrão): `/`, `/blog/:slug`
+- Inglês: `/en`, `/en/blog/:slug`
+
+Cada post MDX declara `lang` (`pt` | `en`) e `translationKey` para ligar as versões. A UI e as datas seguem o idioma da rota. O poema da sidebar permanece em português.
+
 ## Desenvolvimento
 
 ```sh
@@ -18,29 +28,62 @@ npm run build
 npm run preview:cf   # wrangler dev com o build estático
 ```
 
-Use `npm run dev` no dia a dia.
+## Conteúdo
 
-## Deploy
+Posts ficam em `src/content/blog/` como arquivos MDX.
 
-```sh
-npm run deploy
+Frontmatter mínimo de um post publicado:
+
+```yaml
+title: Meu título
+date: '2026-08-02'
+lang: pt
+translationKey: meu-titulo
+draft: false
 ```
 
-Requer [Wrangler](https://developers.cloudflare.com/workers/wrangler/) autenticado (`wrangler login`). O Worker já está ligado a `blog.lucis.dev`.
+A tradução em inglês usa o mesmo `translationKey`, `lang: en` e um slug/arquivo próprio (ex.: `my-title.mdx` → `/en/blog/my-title`).
 
-## Conteúdo
+Posts com `draft: true`, ou título contendo `Resumo:` / `Summary:`, não aparecem na home nem nas rotas públicas.
 
-Posts ficam em `src/content/blog/` como arquivos MDX. Para reimportar do CMS Deco legado (JSONs em `scripts/legacy-posts/`):
+Para reimportar do CMS Deco legado (JSONs em `scripts/legacy-posts/`):
 
 ```sh
 npm run migrate
 ```
 
-Posts com `draft: true` ou título contendo "Resumo:" não aparecem na home.
+## Deploy
+
+### Automático (GitHub Actions)
+
+Todo push em `main` (e disparos manuais via *Actions → Deploy → Run workflow*) faz build e publica no Worker `lucispersonalblog`, ligado a `blog.lucis.dev`.
+
+Workflow: [`.github/workflows/deploy.yml`](.github/workflows/deploy.yml)
+
+Secrets necessários no repositório (`Settings → Secrets and variables → Actions`):
+
+| Secret | Valor |
+|--------|--------|
+| `CLOUDFLARE_ACCOUNT_ID` | ID da conta Cloudflare |
+| `CLOUDFLARE_API_TOKEN` | API Token com permissão **Edit Cloudflare Workers** |
+
+Crie o token em [Account API tokens](https://dash.cloudflare.com/profile/api-tokens) com o template **Edit Cloudflare Workers**, escopado à conta do blog.
+
+### Manual
+
+```sh
+npm run deploy
+```
+
+Requer [Wrangler](https://developers.cloudflare.com/workers/wrangler/) autenticado (`wrangler login`).
 
 ## Estrutura
 
-- `src/pages/` — rotas (`/`, `/blog/[slug]`)
-- `src/components/` — Sidebar, PostCard, Footer
+- `src/pages/` — rotas (`/`, `/blog/[slug]`, `/en`, `/en/blog/[slug]`)
+- `src/content/blog/` — posts MDX (PT e EN)
+- `src/lib/i18n.ts` — strings e helpers de locale
+- `src/lib/posts.ts` — coleta, recomendações e links de tradução
+- `src/components/` — Sidebar, LanguageSwitcher, PostCard, Footer
 - `src/layouts/` — BaseLayout, BlogPostLayout
 - `scripts/migrate-posts.mjs` — conversão JSON → MDX (one-shot)
+- `.github/workflows/deploy.yml` — CI/CD para Cloudflare Workers

astro.config.mjs

@@ -6,4 +6,11 @@ export default defineConfig({
   site: "https://blog.lucis.dev",
   output: "static",
   integrations: [mdx(), tailwind({ applyBaseStyles: false })],
+  i18n: {
+    defaultLocale: "pt",
+    locales: ["pt", "en"],
+    routing: {
+      prefixDefaultLocale: false,
+    },
+  },
 });

src/components/LanguageSwitcher.astro

@@ -0,0 +1,39 @@
+---
+import type { Locale } from "../lib/i18n";
+import { localePath } from "../lib/i18n";
+
+interface Props {
+  locale: Locale;
+  ptHref?: string | null;
+  enHref?: string | null;
+}
+
+const { locale, ptHref, enHref } = Astro.props;
+
+const ptLink = ptHref ?? localePath("pt", "/");
+const enLink = enHref ?? localePath("en", "/");
+---
+
+<div class="flex items-center justify-center gap-3 text-sm font-serif tracking-wide">
+  <a
+    href={ptLink}
+    class:list={[
+      "transition-opacity hover:opacity-100",
+      locale === "pt" ? "opacity-100 underline underline-offset-4" : "opacity-40",
+    ]}
+    aria-current={locale === "pt" ? "page" : undefined}
+  >
+    PT
+  </a>
+  <span class="opacity-30" aria-hidden="true">/</span>
+  <a
+    href={enLink}
+    class:list={[
+      "transition-opacity hover:opacity-100",
+      locale === "en" ? "opacity-100 underline underline-offset-4" : "opacity-40",
+    ]}
+    aria-current={locale === "en" ? "page" : undefined}
+  >
+    EN
+  </a>
+</div>

src/components/PostCard.astro

@@ -1,19 +1,19 @@
 ---
 import type { BlogEntry } from "../lib/posts";
-import { getPostSlug } from "../lib/posts";
+import { getPostHref } from "../lib/posts";
 
 interface Props {
   post: BlogEntry;
 }
 
 const { post } = Astro.props;
 const { title, image } = post.data;
-const slug = getPostSlug(post);
+const href = getPostHref(post);
 const hasImage = Boolean(image?.trim());
 ---
 
 <article class="border border-gray-100 rounded-lg overflow-hidden hover:bg-gray-50 transition-colors duration-200 delay-75">
-  <a href={`/blog/${slug}`} class="block p-4 lg:p-6">
+  <a href={href} class="block p-4 lg:p-6">
     <div class="lg:hidden">
       {
         hasImage && (

src/components/RecommendedPosts.astro

@@ -1,30 +1,34 @@
 ---
 import type { BlogEntry } from "../lib/posts";
-import { getPostSlug } from "../lib/posts";
+import { getPostHref } from "../lib/posts";
+import type { Locale } from "../lib/i18n";
+import { t } from "../lib/i18n";
 
 interface Props {
   posts: BlogEntry[];
+  locale?: Locale;
 }
 
-const { posts } = Astro.props;
+const { posts, locale = "pt" } = Astro.props;
+const copy = t(locale);
 ---
 
 {
   posts.length > 0 && (
     <section class="mt-16 max-w-3xl mx-auto w-full px-4 md:px-0">
       <div class="text-center mb-8">
         <span class="text-black text-2xl">•</span>
-        <h2 class="mt-4 text-2xl font-bold font-serif text-black">Ler mais</h2>
+        <h2 class="mt-4 text-2xl font-bold font-serif text-black">{copy.readMore}</h2>
       </div>
 
       <div class="hidden md:block space-y-3">
         {posts.map((post) => {
-          const slug = getPostSlug(post);
+          const href = getPostHref(post);
           const hasImage = Boolean(post.data.image?.trim());
 
           return (
             <article class="border border-gray-100 rounded-lg overflow-hidden hover:bg-gray-50 transition-colors duration-200 delay-75">
-              <a href={`/blog/${slug}`} class="block p-6">
+              <a href={href} class="block p-6">
                 <div class="flex gap-4 items-center">
                   {hasImage && (
                     <div class="w-20 h-20 flex-shrink-0">
@@ -53,11 +57,11 @@ const { posts } = Astro.props;
 
       <div class="md:hidden grid gap-6 grid-cols-1 sm:grid-cols-2">
         {posts.map((post) => {
-          const slug = getPostSlug(post);
+          const href = getPostHref(post);
           const hasImage = Boolean(post.data.image?.trim());
 
           return (
-            <a href={`/blog/${slug}`} class="block group">
+            <a href={href} class="block group">
               <div class="space-y-2">
                 {hasImage && (
                   <img

src/components/Sidebar.astro

@@ -1,4 +1,17 @@
 ---
+import type { Locale } from "../lib/i18n";
+import { t } from "../lib/i18n";
+import LanguageSwitcher from "./LanguageSwitcher.astro";
+
+interface Props {
+  locale?: Locale;
+  ptHref?: string | null;
+  enHref?: string | null;
+}
+
+const { locale = "pt", ptHref, enHref } = Astro.props;
+const copy = t(locale);
+
 const POEM_LINES = [
   "Sou poeira que o vento não levou",
   "Sou caminho que só o amor pisou",
@@ -31,6 +44,8 @@ const AVATAR_URL =
 
   <h1 class="text-2xl font-bold text-black font-serif">Luciano Júnior</h1>
 
+  <LanguageSwitcher locale={locale} ptHref={ptHref} enHref={enHref} />
+
   <div class="mt-8 max-w-xs mx-auto">
     <blockquote class="relative px-4">
       <span
@@ -73,7 +88,7 @@ const AVATAR_URL =
             href={link.url}
             target="_blank"
             rel="noopener noreferrer"
-            aria-label={`Visitar ${link.label}`}
+            aria-label={copy.visitSocial(link.label)}
             class="group relative p-2 rounded-full transition-all duration-300 ease-out hover:scale-110 opacity-50 hover:opacity-100 text-black"
           >
             <span class="absolute inset-0 rounded-full bg-black opacity-0 group-hover:opacity-5 transition-opacity duration-300" />

src/content.config.ts

@@ -24,6 +24,8 @@ const blog = defineCollection({
       .default([]),
     excerpt: z.string().optional(),
     draft: z.boolean().default(false),
+    lang: z.enum(["pt", "en"]).default("pt"),
+    translationKey: z.string(),
   }),
 });
 

src/content/blog/a-historia-na-qual-o-brasil-ganhou.mdx

@@ -1,6 +1,8 @@
 ---
 title: A história na qual o Brasil ganhou
 date: '2024-06-11'
+lang: pt
+translationKey: a-historia-na-qual-o-brasil-ganhou
 authors:
   - name: Luciano Júnior
     avatar: https://assets.decocache.com/lucispersonalblog/f60b44ce-b752-45c9-9a4b-ebf919f956eb/lucis2244_passaro_--sref_httpss.mj.rundzR6R6mvHVw_--v_6_9ea9bdc7-bc75-4164-b565-6fc4378eb3df-(1).png

src/content/blog/andrew-ng-building-faster-with-ai.mdx

@@ -1,6 +1,8 @@
 ---
 title: 'Resumo: Andrew Ng - Building Faster with AI'
 date: '2025-07-09'
+lang: pt
+translationKey: andrew-ng-building-faster-with-ai
 authors:
   - name: Luciano Júnior
     avatar: https://assets.decocache.com/lucispersonalblog/f60b44ce-b752-45c9-9a4b-ebf919f956eb/lucis2244_passaro_--sref_httpss.mj.rundzR6R6mvHVw_--v_6_9ea9bdc7-bc75-4164-b565-6fc4378eb3df-(1).png