feat: implement Notion CMS blog with dynamic routing (#3 #5)

.gitignore

@@ -13,3 +13,4 @@ yarn-error.log*
 
 # Sistema
 .DS_Store
+.env.local

README-BLOG.md

@@ -0,0 +1,34 @@
+# Blog CMS
+
+Blog dinâmico usando Notion como CMS.
+
+## Configuração
+
+1. Crie uma integração no [Notion](https://www.notion.so/my-integrations)
+2. Copie o arquivo `.env.blog.example` para `.env.local`
+3. Configure suas credenciais do Notion
+4. Execute `npm run dev`
+
+## Estrutura do Database
+
+Propriedades necessárias no Notion:
+
+- **Title** (Title) - Título do artigo
+- **slug** (Rich text) - URL slug único
+- **Author** (People) - Autor do artigo
+- **Cover** (Files) - Imagem de capa
+- **Date** (Date) - Data de publicação
+- **Tags** (Multi-select) - Tags do artigo
+- **Status** (Status) - Status: "Publicado" para publicar
+
+## Status Disponíveis
+
+- **Rascunho** - Artigo em desenvolvimento
+- **Revisando** - Artigo em revisão
+- **Publicado** - Artigo publicado no blog
+
+## Rotas
+
+- `/blog` - Listagem de artigos
+- `/blog/[slug]` - Artigo individual
+- `/test-notion` - Teste de conexão

env.blog.example

@@ -0,0 +1,23 @@
+# Configuração do Blog CMS com Notion
+# 
+# COMO GERAR O TOKEN:
+# 1. Acesse: https://www.notion.so/my-integrations
+# 2. Clique em "New integration"
+# 3. Dê um nome (ex: "Meu Blog CMS")
+# 4. Selecione o workspace
+# 5. Clique em "Submit"
+# 6. Copie o "Internal Integration Token" (começa com ntn_)
+# 7. Cole abaixo substituindo os xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+#
+# COMO PEGAR O DATABASE ID:
+# 1. Abra seu database no Notion
+# 2. Copie a URL: https://notion.so/workspace/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx?v=...
+# 3. O ID é a parte entre "notion.so/workspace/" e "?v="
+# 4. Cole abaixo substituindo os xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+#
+# IMPORTANTE: Compartilhe o database com sua integração!
+# - No database, clique em "Share" no canto superior direito
+# - Adicione sua integração (nome que você deu no passo 3)
+
+NOTION_TOKEN=ntn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+NOTION_DATABASE_ID=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

next.config.mjs

@@ -1,4 +1,33 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**.notion.so',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.amazonaws.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.s3.amazonaws.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.googleusercontent.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+}
 
 export default nextConfig