Build Australia
A pre-launch website tracking key performance indicators for Australia's progress across energy, housing, productivity, and innovation.
๐ Live Site: https://build-australia.pages.dev/ (custom domain coming later)
Overview
Build Australia provides data-driven insights on the metrics that matter most for Australia's future. Currently in pre-launch mode with coming soon indicators for all KPIs.
Features
- 9 Key Metrics: Tracking energy costs, renewable energy, housing affordability, productivity, GDP per capita, R&D investment, business confidence, infrastructure workforce, and current account balance
- Clean Design: Inspired by buildcanada.com with responsive grid layout
- Newsletter Signup: Monthly updates and analysis
- Pre-launch Ready: All metrics show "Coming Soon" status
Tech Stack
Client (Frontend)
- Astro 5.0 - Modern static site generator with partial hydration
- React 19 + TypeScript - UI components with latest React features
- Tailwind CSS 4.0 - Utility-first CSS framework with Vite plugin
- shadcn/ui - Accessible component library built on Radix UI
- Recharts - Data visualization for metric charts
- TanStack React Table - Powerful table components
Server (Backend)
- Bun runtime for data scraping and processing
Development
Client Setup
# Navigate to client directory
cd client
# Install dependencies
npm install
# Start development server (runs on port 3000)
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Deploy to Cloudflare Pages
npm run deployServer Setup
# Navigate to server directory
cd server
# Install dependencies (if any)
bun install
# Run the scraper
bun run index.tsProject Structure
build-australia/
โโโ client/ # Frontend Astro application
โ โโโ src/
โ โ โโโ components/ # Reusable components
โ โ โ โโโ Header.astro # Site header
โ โ โ โโโ Footer.astro # Site footer
โ โ โ โโโ MetricCard.tsx # KPI display cards
โ โ โ โโโ react/ # Interactive React components
โ โ โ โโโ ui/ # shadcn/ui components
โ โ โโโ pages/ # Astro file-based routing
โ โ โ โโโ index.astro # Main dashboard
โ โ โ โโโ about.astro # About page
โ โ โ โโโ manifesto.astro # Manifesto page
โ โ โ โโโ projects/ # Projects section
โ โ โ โโโ essays/ # Essays section
โ โ โ โโโ newsletter.astro # Newsletter signup
โ โ โโโ data/ # Data definitions
โ โ โ โโโ metrics.ts # KPI definitions
โ โ โ โโโ australian-inventions.ts
โ โ โ โโโ projects-registry.ts
โ โ โโโ styles/ # Global styles with Tailwind
โ โโโ astro.config.mjs # Astro configuration
โ โโโ package.json
โโโ server/ # Backend Bun application
โโโ readme.md # Server documentation
Metrics Tracked
- Residential Electricity Prices (c/kWh)
- Renewable Energy Share (%)
- Housing Affordability Ratio (ratio)
- Labour Productivity Growth (% quarterly)
- GDP per Capita (USD)
- R&D Investment Intensity (% of GDP)
- Business Confidence (index points)
- Infrastructure Worker Shortage (thousand workers)
- Current Account Balance (% of GDP)
Launch Preparation
All metrics currently show "Coming Soon" status. To go live:
- Update
client/src/data/metrics.tswith real data - Configure the server scraper to fetch live data
- Add actual source URLs
- Update trend indicators
- Consider adding historical context and expert quotes
Deployment
The site is deployed via Cloudflare Pages with automatic deployments from the main branch:
- Live URL: https://build-australia.pages.dev/
- Auto-deploy: Pushes to
maintrigger automatic builds - Build command:
cd client && npm install && npm run build - Output directory:
client/dist - Framework preset: Astro
- Node version: 18+ recommended
- Custom domain: Coming soon
To deploy manually from the client directory:
npm run deployContributing
This is a pre-launch project. Contributions welcome once live data integration begins.
License
MIT