THE LAST HUMAN

Year 2387. Humanity disappeared long ago. One human consciousness remains alive inside a digital universe.

This project is a cinematic Next.js digital monument built around six acts: extinction, floating memory, AI inheritance, the final consciousness, a cathedral of memory, and the end of time.

Stack

• Next.js 15
• TypeScript
• Tailwind CSS
• GSAP + ScrollTrigger
• Three.js
• React Three Fiber
• Lenis

Local Setup

Install dependencies with your package manager of choice:

npm install
npm run dev

Then open http://localhost:3000.

For deployed metadata and sitemap URLs, set:

NEXT_PUBLIC_SITE_URL=https://your-domain.example

Production checks:

npm run verify:source
npm run typecheck
npm run lint
npm run build

Experience Checklist

• Hero title reveals cinematically on first load.
• Lenis smooth scrolling is active.
• GSAP scroll scenes scrub through each act.
• Three.js memory universe renders behind the narrative with megastructure rings, particle storm, light vault, shard field, and cathedral blocks.
• Pointer movement subtly shifts the 3D camera and cursor light.
• Six narrative acts appear in order.
• Three visual pause moments interrupt the scroll with large cinematic typography.
• The consciousness chamber updates on hover and click.
• The cathedral scene intensifies around Act V.
• Final inscription reads: You were here.
• Mobile layout keeps headings, panels, and buttons readable without overlap.

Notes

The app intentionally avoids external font fetching so production builds do not depend on Google Fonts availability. Typography uses premium system stacks tuned for Apple-like polish and museum-style pacing.