DevFrontier is a developer community centered on JavaScript developers, dedicated to exploring software development practices, tools, and culture in the AI era. This project is the community's official website, providing event information, community participation channels, team introductions, and frequently asked questions.
- 活動資訊 — Browse events that are open, upcoming, or closed.
- 參與社群 — Volunteer recruitment and sponsorship partnerships
- 關於我們 — Who we are, our vision, and core goals.
- 常見問題 — Quick answers to common question.
| Category | Tech |
|---|---|
| Framework | Astro 6 + React 19（islands） |
| Style | Tailwind CSS v4 |
| UI Library | MUI |
| Font | Geist Variable |
| Icon | Lucide React |
| Animation | GSAP、AOS、react-countup |
| Deploy | Cloudflare Pages（Wrangler） |
- Node.js
>= 22.12.0 - pnpm
10.12.1
pnpm install
pnpm devsrc/
├─ components/ # UI components, grouped by domain
│ ├─ layout/ # Site shell
│ ├─ common/ # Cross-domain shared (brand logo, social links, MUI provider)
│ ├─ landing/ # Home page section components
│ ├─ events/ # Events
│ └─ *.{astro,tsx} # Single-file pages (about, community, FAQ)
├─ content/ # Content collections
│ └─ events/ # Event posts (Markdown)
├─ data/ # Static copy & data (site, team, FAQ, partners…)
├─ layouts/ # Page layouts
├─ lib/ # Utility functions (event status, mobile nav…)
├─ pages/ # Routes (home, events, community, about, FAQ)
├─ styles/ # Global styles, animations & scoped CSS
├─ theme/ # MUI theme & color palette
├─ types/ # Shared types
└─ content.config.ts # Content collection schema (Zod)
Design tokens, theming, and UI conventions, see DESIGN.md.
- Facebook · @devfrontierhq
- Instagram · @devfrontierhq
- Threads · @devfrontierhq
- Bluesky · devfrontier.bsky.social
- GitHub · devfrontierhq
This project is licensed under the MIT License - see the MIT License file for details.
© 2026 DevFrontier. All rights reserved.