A demo deployment of @dirsigler/astro-techradar — an interactive technology radar built with Astro.
npm install
npm run devOpen http://localhost:4321 to see the radar.
Create a Markdown file in the appropriate segment directory under segments/:
segments/
├── cloud/
│ ├── index.md # Segment metadata (title, color, order)
│ ├── kubernetes.md
│ └── terraform.md
├── frameworks/
│ ├── index.md
│ ├── astro.md
│ └── react.md
└── ...
Each technology file uses this frontmatter:
---
title: Kubernetes
ring: adopt
moved: 0
---
Your description in Markdown.All configuration is in astro.config.mjs via the techradar() integration. See the @dirsigler/astro-techradar docs for all available options.
| Command | Action |
|---|---|
npm install |
Install dependencies |
npm run dev |
Start dev server at localhost:4321 |
npm run build |
Build production site to ./dist/ |
npm run preview |
Preview the production build locally |
The radar builds to fully static HTML. This demo is deployed on Cloudflare Workers via wrangler.json.
| Platform | Setup |
|---|---|
| Cloudflare Workers | Connect repo, build command npm run build, output dist/ |
| Netlify / Vercel | Connect repo, build command npm run build, publish dist/ |
| GitHub Pages | Use actions/upload-pages-artifact with path: dist/ |
MIT — Dennis Irsigler