webioinfo-web

Official website for webioinfo — AI developer tools organization

Warm, playful static site showcasing open-source AI CLI tools. Built with Astro, Tailwind CSS, and a "creative desk" visual identity.

English · 简体中文

Let AI be your dev team.

Tech Stack

• Astro 6 — static site generation, zero JS by default
• Tailwind CSS 4 — utility-first styling
• Bilingual — English + Chinese via JSON i18n

Development

npm install
npm run dev       # http://localhost:4321
npm run build     # production build to dist/
npm run preview   # preview production build

Project Structure

src/
  components/     # Header, Hero, StickerMap, ProjectCard, Footer, Thanks
  i18n/           # en.json, zh.json
  layouts/        # Layout.astro (HTML shell, fonts, theme toggle)
  pages/          # index, about, projects (+ zh/ mirrors)
  styles/         # global.css (theme variables, sticker/desk styles)
public/           # static assets (logo, QR code, partner logos)

Deployment

Pushed to main triggers GitHub Actions → GitHub Pages. Custom domain: we.webioinfo.top.