AISafety.com

A community resource website helping people find events, organizations, jobs, funding, and learning resources in AI safety. Migrated from WebFlow.

Tech Stack

What	Technology
Framework	Next.js 16 (App Router)
Language	TypeScript
Styling	Constraint-based CSS (not Tailwind)
Data	Airtable
Map	D3.js
Deployment	Vercel

Getting Started

nvm use
npm install
npm run dev

Create .env.local:

AIRTABLE_TOKEN=your_token
AIRTABLE_BASE_ID=your_base_id

Commands

npm run dev          # Start dev server
npm run build        # Production build
npm run lint         # Run linting
npm run format       # Format code
npm run type-check   # Type check

Project Structure

src/
├── app/                    # Pages and API routes
│   ├── page.tsx            # Homepage
│   ├── layout.tsx          # Root layout (nav + footer)
│   ├── globals.css         # All global styles
│   ├── map/                # Interactive field map (D3.js)
│   ├── events-and-training/
│   ├── api/                # Backend API routes
│   │   ├── ...
├── components/             # Reusable UI pieces
│   ├── ...
public/
├── images/                 # Icons, logos, background images
docs/                       # Detailed documentation
backup/
├── *.html                  # Original WebFlow exports (reference only)

Documentation

• Project Overview
• Architecture
• Development Guide
• CSS Guidelines
• CLAUDE.md — For AI (humans don't read)