Huidige scope
Gratis publieke demo, geen accountsysteem, geen cloud sync, alleen lokale browserpersistentie en een WebGL compatibiliteitsmodus wanneer WebGPU niet beschikbaar is.
Inspecteer, draai en self-host
Open Source 3D Building Editor met live demo en lokale setup
Begin met de live demo en inspecteer daarna de repo en start de Next.js app lokaal met Bun als je een open source 3D building editor wilt die je zelf kunt hosten.
Probeer de Open Source 3D Building Editor voordat je infrastructuur aanraakt
Open eerst de live editor om te bevestigen dat deze open source 3D building editor bij je workflow past, en ga pas daarna de repo inspecteren als je wilt customizen of self-hosten.
Die volgorde laat je de editingervaring beoordelen voordat je meer tijd besteedt aan lokale setup of deployment.
Start lokaal met het al gedocumenteerde Bun setup pad
De repository documenteert al een Bun-gebaseerde lokale setup, zodat engineers dependencies kunnen installeren, de Next.js app kunnen starten en de live editor kunnen openen zonder eerst de projectstructuur te reverse-engineeren.
Dat geeft je een direct pad van de live demo naar zelf draaien, zonder te hoeven raden hoe deployment is bedraad.
- installeer dependencies met bun
- start de lokale Next.js app en bezoek http://localhost:3000/editor
- deploy de publieke demo via een standaard Vercel flow
Ken de scope en grenzen voordat je je vastlegt
Vandaag dekt de editor praktische taken voor vroege gebouw- en interieurediting, zoals muren, daken, vloeren, plafonds, deuren, ramen, verdiepingen, zones, itemplaatsing, lokale autosave, undo en redo, en JSON import of export.
Net zo belangrijk is wat er nog niet is: geen accountsysteem, geen cloud sync en alleen lokale browserpersistentie. De beste ervaring komt uit browsers met WebGPU, maar de huidige editor valt ook terug op een WebGL compatibiliteitsmodus met minder effecten wanneer dat nodig is.
Weet wat je moet configureren voordat je deployt
De README houdt deployment concreet. Stel NEXT_PUBLIC_SITE_URL in zodat canonical metadata, robots en sitemap entries naar het juiste productiedomein wijzen en deploy daarna de Next.js app via een standaard Vercel flow.
Als je zware publieke item-assets buiten de apphost wilt plaatsen, gebruik dan de optionele NEXT_PUBLIC_ASSETS_CDN_URL voor een R2-backed assetdomein. Dat maakt het self-hosting verhaal concreter dan een vage belofte om de repo ooit te klonen.
Gebruik dit project wanneer je een browsergebaseerde editor nodig hebt die je kunt inspecteren en self-hosten
Dit past bij teams die een browsergebaseerde 3D building editor willen proberen in de publieke demo en later in hun eigen omgeving willen draaien.
Het is niet gebouwd voor downstream BIM delivery of featurezware cloud collaboration. Door die grens expliciet te maken, kun je snel beslissen of deze workflow bij je behoeften past.
Draai het project lokaal voordat je self-host
Gebruik de setupnotities hieronder om te zien hoe de repo op je machine werkt voordat je meer tijd besteedt aan self-hosting of customization.
Quickstart
bun install
bun run dev
# bezoek daarna http://localhost:3000/editor en controleer of de browser WebGPU gebruikt of WebGL compatibiliteitsmodusBest voor
Mensen die nu een browsergebaseerde 3D building editor willen proberen en de optie willen houden om die later zelf te draaien.
Niet voor
Productie-BIM delivery, cloud collaboration of teams die verwachten dat elke legacy browser dezelfde volledige WebGPU ervaring levert.
Veelgestelde vragen
Kan ik deze open source 3D building editor lokaal draaien?
Ja. De publieke demorepository documenteert een Bun-gebaseerde lokale setup, zodat je dependencies kunt installeren, de Next.js app kunt starten en de live editor lokaal kunt openen zonder de workspace eerst te reverse-engineeren.
Welk deploymentpad gebruikt de publieke demo?
De publieke demo gebruikt een standaard Vercel-hosted Next.js deployment. De repo documenteert ook omgevingsvariabelen zoals NEXT_PUBLIC_SITE_URL en een optioneel R2-backed asset-CDN pad wanneer je zware publieke items buiten de apphost wilt plaatsen.
Wat moet ik configureren voor een productie-deployment?
Stel NEXT_PUBLIC_SITE_URL in zodat canonical metadata, robots en sitemap-output naar het juiste deployed domein wijzen. Wil je zware publieke item-assets buiten de apphost plaatsen, gebruik dan de optionele NEXT_PUBLIC_ASSETS_CDN_URL voor een R2-backed assetdomein.
Heeft dit project nu accounts, cloud sync of samenwerking?
Nee. De scope is bewust lichter: geen accountsysteem, geen cloud sync en alleen lokale browserpersistentie. Teams die samenwerking met meerdere gebruikers nodig hebben, moeten die mogelijkheden apart toevoegen.
Welke browsers werken het best voor de live editor?
De live editor werkt het best in browsers en op apparaten met WebGPU ondersteuning. Als WebGPU niet beschikbaar is, valt de editor terug op een WebGL compatibiliteitsmodus met minder visuele effecten, zodat je de workflow in meer omgevingen kunt inspecteren.
Is dit een volledige CAD- of BIM-vervanger?
Nee. Het huidige project is het meest geschikt voor vroeg layoutwerk en browsergebaseerde gebouwbewerking. Het is geen volledig downstream BIM-platform, documentatiesysteem of cloud collaboration suite.
Inspecteer, draai en self-host
Probeer de live editor en inspecteer daarna de repo
Open de publieke demo om de workflow te controleren en bekijk daarna de lokale setup en het deploymentpad als je een open source 3D building editor nodig hebt als browsergebaseerd startpunt voor self-hosted werk.