跳到正文
GitHub·· 6 天前AI 评分12

forbiddenlink/apoc-bnb:后末日风格 Airbnb 恶搞前端项目

forbiddenlink/apoc-bnb

AI 导读

开发者 forbiddenlink 发布 apoc-bnb,一个后末日风格的 Airbnb 恶搞前端项目,可浏览地堡、防辐射掩体和防御性房产,/search 页面提供交互式地图。

正文

A post-apocalyptic Airbnb parody: browse bunkers, fallout shelters, and fortified properties. Creative/humorous frontend project, no real database.

Live Demo Next.js React Tailwind CSS

Live: https://apoc-bnb.vercel.app

Features

  • Browse post-apocalyptic bunker/shelter listings, with an interactive map on /search
  • Filter, compare (up to 3 at once), and favorite listings
  • Booking flow with a simulated 10% random failure rate
  • AI chat backed by Groq
  • Konami code and other easter eggs

Quick start

pnpm install
pnpm dev

Open http://localhost:3000. GROQ_API_KEY and NEXT_PUBLIC_POSTHOG_KEY are required (validated via src/env.ts); set SKIP_ENV_VALIDATION to bypass for a build without full secrets. NEXT_PUBLIC_MAPBOX_TOKEN is optional - the /search map falls back to a static UI without it.

Stack

  • Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4
  • TanStack React Query + Zustand for data/state
  • Mapbox GL for the interactive map
  • Framer Motion for animations
  • Deployed on Vercel

Scripts

Script Purpose
pnpm dev / build / start Next.js dev server / production build / start
pnpm lint ESLint
pnpm run biome:check / biome:fix Biome
pnpm test / test:watch / test:coverage Vitest
pnpm run analyze Bundle analyzer build

See CLAUDE.md for the full layout, data-layer, and environment-variable reference.

来源:GitHub · github.com