The official website for the Materials and Process Simulation Center (MSC) at Caltech.

Built with Next.js 15 (App Router), Prisma + SQLite, and Tailwind CSS. Includes a public-facing site and a full-featured admin panel.

• Node.js ≥ 18
• npm (or pnpm/yarn)

git clone https://github.com/caltechmsc/site-next.git && cd site-next
npm install

Copy the example environment file and fill in the values:

cp .env.example .env

Required variables:

Optional:

npx prisma db push    # Create/sync schema
npm run db:seed       # Seed with sample data (development)

npm run dev           # Start dev server with Turbopack

Open http://localhost:3000. Admin panel is at /admin.

Default admin credentials from seed: admin@example.com / admin.

npm run build
npm start

Note: Update siteConfig.url in src/config/site.ts to your production domain before deploying.

• Server-rendered with ISR (5-min revalidation), dynamic sitemap, robots.txt
• SEO metadata (Open Graph / Twitter cards) on all pages
• Dark mode, responsive design
• Publication filtering (year, journal, research area, member) and citation export (APA, MLA, BibTeX)
• Hierarchical research area browser with aggregated stats
• Interactive collaborator world map (Leaflet)
• Photo gallery with lightbox, grouped by year
• Embedded Google Calendar

• Auth: JWT access/refresh tokens (HttpOnly cookies), Google OAuth + password login, role-based access (admin / editor)
• Content: Full CRUD for members, publications, research areas, collaborators, group photos, member categories, and admin accounts
• Ordering: Drag-and-drop sort (dnd-kit) for members, categories, research areas, collaborators, photos
• Images: Upload with crop + server-side compression (Sharp)
• Publication sync (manual, from /admin/sync):
  • DOI lookup via OpenAlex → CrossRef fallback (fetches title, authors, abstract, journal, etc.)
  • Bulk metadata sync: updates citation counts, topics/keywords from OpenAlex
  • Relationship rebuild: atomically re-derives all member↔publication, publication↔area, and member↔area links using ORCID matching, name alias matching, fuzzy first-initial matching, and keyword intersection
  • Real-time progress streaming (SSE)
• Dashboard with aggregate stats (Recharts)
• Markdown editor for research area content

MIT © 2026 California Institute of Technology, Materials and Process Simulation Center