devXY Website

An Astro 5.x static website for devXY, built with TypeScript and Tailwind CSS.

Quick Start

bun install
bun run dev

# Build for production
bun run build

# Preview production build
bun run preview

Content Creation

Adding Blog Posts

1. Create new markdown file in src/content/blog/

2. Add frontmatter with required fields:

   ---
   draft: false
   title: "Your Post Title"
   description: "Brief description for SEO"
   slug: "your-post-slug"
   image: "your-image.png"  # Place in src/assets/blog-images/thumbnails/
   imageAlt: "Alt text for image"
   publishDate: 2024-01-01
   category: "your-category"
   categories_rss: ["category1", "category2"]
   author: "Your Name"
   tags: ["tag1", "tag2"]
   ---
   

3. Write content in Markdown

4. Images are automatically optimized and imported

Adding Images

• Place images in src/assets/blog-images/thumbnails/
• Reference by filename only in blog post frontmatter
• System automatically handles import and optimization

Icons

Add new icon sets:

bun add @iconify-json/<icon-set-name>

Use icons:

<Icon name="mdi:home" />

Find icons at Iconify

Fonts

1. Install via Fontsource: bun add @fontsource/font-name
2. Import in src/layouts/Layout.astro
3. Configure in src/styles/theme.css

Deployment

Environment Variables

• SITE_URL - Site URL for current environment
• UMAMI_ID - Analytics tracking ID

Build Process

1. Environment-specific builds set proper analytics and robots.txt
2. Static files generated to /dist
3. Deployed to AWS S3 + Bunny CDN
4. Terraform manages infrastructure