Skip to content
AP

UNIT 06/12 — CULTURE · EVENTS · E-COMMERCE

Caelestis Visions

A star-map site with ticketing, shop and CMS for an Italian cultural association

ROLE
Design & engineering, solo
CLIENT
Caelestis Visions APS
SECTOR
Culture · Events · E-commerce
PLATFORM
Web
YEAR
2026
STACK
Next.js 15 · React 19 · TypeScript · Tailwind · Stripe · AWS CDK · OpenNext · DynamoDB · SES
STATUS
BUILT · LAUNCH PENDING — domain launch with the client

[ FIG.01 ] BRIEF

The association's idea is that art completes only when the work meets the public. The site makes that literal: a dark, low-chroma night sky on which artist, work and public are plotted as points of light and drawn together by thin lines as you scroll. The brand system fixes the logo's geometry as the motion grammar, and the rule that nothing is invented — no fake artists, events or numbers.

[ FIG.02 ] TICKETING

Tickets are sold through Stripe Checkout; the webhook issues signed QR-code tickets and emails them through SES, and the shop and order history run on the same rails. Everything is Italian first with a full English mirror.

[ FIG.03 ] CMS

A private CMS dashboard gives the team draft and publish for events and shop items, media upload, orders and payments, analytics and per-user permissions, with scrypt password hashing and HMAC-signed sessions, so no developer is needed for the season's programme.

[ FIG.04 ] PLATFORM

Next.js 15 and React 19 run on AWS through OpenNext: Lambda, CloudFront, DynamoDB and S3, with staging and production as separate CDK stacks and GitHub Actions deploying branch to environment. Fourteen Vitest files and eight Playwright specs cover the critical paths.

Caelestis Visions home page: a star-map with constellation lines
Caelestis Visions — mobile layout

UNIT 06 — WEB BUILD

  • Caelestis Visions — concerti screen
    01 — CONCERTI
  • Caelestis Visions — shop screen
    02 — SHOP
  • Caelestis Visions — chi siamo screen
    03 — CHI SIAMO
  • Caelestis Visions — en screen
    04 — EN

[ FIG.SYS ] ARCHITECTURE

SYSTEM SCHEMATIC — AUTO-GENERATED FROM SPEC

NEXT.JS · IT/ENCMS DASHBOARDSTRIPE CHECKOUTWEBHOOK → QR TICKETSES EMAILDYNAMODB · S3CLOUDFRONT · LAMBDA

[ FIG.OUT ] OUTCOME

IT · EN

FULLY BILINGUAL, ITALIAN FIRST

QR

SIGNED TICKETS ISSUED BY WEBHOOK

95

UNIT, INTEGRATION AND E2E CASES

2

ENVIRONMENTS AS CODE, DEPLOYED BY CI

VERDICT:BUILT — AWAITING THE CLIENT'S LAUNCH DATE[ OK ]

NEXT UNIT

AetherCore

A real-time 3D PC configurator and storefront for a French custom-PC builder