AFX Open Source Landscape 2026

A responsive static landscape page for AFX open source projects.

The page is built with React, Vite, and Tailwind CSS. It uses local logo assets, links each project to its GitHub repository, and is ready to deploy with GitHub Pages.

Features

• Responsive landscape layout for desktop, tablet, and mobile.
• Local project logos and selected favicon/README logo assets.
• GitHub repository links for every project card.
• Lightweight static build with no server runtime.
• GitHub Actions workflow for GitHub Pages deployment.

Local Development

npm install
npm run dev

The dev server runs at:

http://localhost:3000/

Checks

npm run typecheck
npm run build

Deploy To GitHub Pages

This repository includes a GitHub Actions workflow:

.github/workflows/deploy.yml

To enable deployment:

1. Push changes to the main branch.
2. Open Settings -> Pages in the GitHub repository.
3. Set Build and deployment -> Source to GitHub Actions.

The workflow installs dependencies with npm ci, runs type checking, builds the Vite app, uploads dist, and deploys it to GitHub Pages.

The Vite base path is set automatically from GITHUB_REPOSITORY during GitHub Actions builds, so the app works under the repository path, for example /landscape/.