Primeiros passos com Astro e Cloudflare

Por que usar essas tecnologias?

Um website rápido precisa de ferramentas que funcionem bem juntas. O Astro gera páginas estáticas, o Markdown com Git mantém o conteúdo versionado e disponível para revisão, e o Cloudflare Pages cuida da publicação global.

Configurando coleções de conteúdo

As coleções organizam o conteúdo do website. Defina o esquema em src/content.config.ts:

const blog = defineCollection({
  loader: glob({
    pattern: "**/*.md",
    base: "./src/content/blog",
    generateId: ({ entry }) => entry.replace(/\.[^/.]+$/, ""),
  }),
  schema: z.object({
    title: z.string(),
    description: z.string(),
    locale: z.enum(["pt-BR"]),
    publishDate: z.date(),
    draft: z.boolean().default(false),
    tags: z.array(z.string()).default([]),
    author: z.string().default("Synca"),
    translationKey: z.string().optional(),
  }),
});

Criando seu primeiro artigo

Crie um arquivo Markdown em src/content/blog/:

---
title: "Meu primeiro artigo"
description: "Uma descrição breve"
locale: "pt-BR"
publishDate: 2026-06-25
draft: false
tags:
  - tutorial
author: "Synca"
---

## Conteúdo do artigo

Escreva o conteúdo usando **Markdown**.

Idioma do website

O website da Synca é publicado somente em português do Brasil. A estrutura de internacionalização continua disponível para organizar os textos da interface. Veja o guia de idioma na documentação para conhecer essa configuração.

Visualizando rascunhos

Artigos com draft: true não entram na publicação de produção. Use essa opção enquanto escreve e altere para false quando o conteúdo estiver pronto.

Próximos passos

• Personalize o tema do Tailwind CSS em src/styles/global.css.
• Adicione seções às páginas utilizando os componentes existentes.
• Configure métricas com GTM ou Umami nas configurações do website.