A community website for the Staffordshire neighborhood in Richmond, Virginia, built with Astro.
Staffordshire is a neighborhood of Richmond, Virginia, just south of the James River, near Bon Air. This website serves as a central hub for community links, resources, and information for neighborhood residents.
- Astro - Static site generator
- Sass - CSS preprocessing
- Node.js - JavaScript runtime
- Node.js 18+
- npm or yarn
-
Clone the repository:
git clone <repository-url> cd staffordshire
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser
npm run dev
- Start development servernpm run build
- Build for productionnpm run preview
- Preview production build locally
src/
├── components/
│ ├── LinkItem.astro # Individual link component
│ └── Section.astro # Section heading component
├── layouts/
│ └── Layout.astro # Base layout template
├── pages/
│ └── index.astro # Homepage
└── links.js # Community links data
The site is configured for static deployment and can be deployed to any static hosting service like Vercel, Netlify, or GitHub Pages.
To add or update community links, modify the src/links.js
file and submit a pull request.