Docs · Bloem · Version 1.0.0
From repository to live site.
The full buyer documentation ships inside the repository. This is the short version, so you know what to expect before you buy. It is taken from the Bloem 1.0.0 release.
Install
From the repository to a running site and a production build.
Requirements
| Requirement | Version |
|---|---|
| Node.js | 24.x |
| npm | 11 or newer (ships with Node 24) |
| Git | Any recent version |
| Operating system | macOS, Linux, or Windows |
| Accounts or API keys | None, and no secrets. A production build needs the site's URL (step 4). |
Check your versions:
node -v # v24.x.x
npm -v # 11.x.x
1. Get the source
Clone the Bloem repository you were given access to, then start your own project from it. Your license does not allow the source in a public repository, and you cannot add anyone to the Bloem repository, so your project lives in a private repository of your own:
git clone https://github.com/vlavera/bloem.git my-restaurant
cd my-restaurant
git remote rename origin bloem # keep it, to pull future releases
git remote add origin <your own private repository>
git push -u origin main
2. Install dependencies
npm ci
npm ci installs the exact versions in package-lock.json. It reports two moderate
vulnerabilities in test tooling. That is expected; read docs/TROUBLESHOOTING.md before doing
anything about it.
3. Run the site locally
npm run dev
Open http://localhost:4321 (or the port it prints). You'll see the demo: a fictional restaurant, kept out of search, with every reserve, call and directions button inert.
To run your own configuration once you've created it (docs/CUSTOMIZE.md):
BLOEM_FIXTURE=client npm run dev # macOS / Linux
$env:BLOEM_FIXTURE="client"; npm run dev # Windows PowerShell
Stop the development server with Ctrl+C in the terminal where it runs.
4. Check and build
npm run typecheck # TypeScript and the configuration's shape
npm test # the configuration is coherent and its media files exist
SITE_URL=https://your-domain.com npm run build # production build, into dist/
npm run preview # serve the production build at http://localhost:4321 (Ctrl+C to stop)
npm run build and npm run dev check whichever configuration BLOEM_FIXTURE makes active, and
stop, naming the path, if it references a photo that is not in public/restaurant/. npm run build
also stops if that configuration is switched on and still carries one of the demo's invented
claims (docs/CUSTOMIZE.md, "What the build refuses").
The site URL
npm run build needs to know where the site will live, because the page carries a canonical link
that points there. It looks in this order:
SITE_URLin the environment, as in the command above (PowerShell:$env:SITE_URL="https://your-domain.com"; npm run build).seo.siteUrlin your configuration (docs/CUSTOMIZE.md).- The project's production domain, when Vercel builds the site from a connected Git repository. A build run anywhere else does not have it.
If none of these gives a real https:// URL, the build stops and says so. There is no placeholder
that quietly works. npm run dev does not need it.
Next steps
- Make it your own restaurant:
docs/CUSTOMIZE.md. - Replace the example photos and understand their license:
docs/ASSETS.md. - Deploy:
docs/DEPLOY.md.
Customize
Everything that makes a Bloem site one restaurant is in one file: the configuration,
src/restaurant/fixtures/*.ts. Every word, price and photo is there, with the facts they belong
to. Its shape is RestaurantContract in src/restaurant/contract.ts, where every field is
described.
The full guide, docs/CUSTOMIZE.md in the repository, covers:
- Start your own configuration
- What to change, and where
- Switching the site on
- One language
- Colours and type
- Next steps
Assets
The full guide, docs/ASSETS.md in the repository, covers:
- Where media lives
- The example photographs are AI-generated. Read this before you ship
- What the build checks
- Replacing the example photographs
Deploy
Bloem builds to a static site (npm run build produces dist/): no server process, no
adapter, no secrets. The build needs the site's URL. When Vercel builds the site from a connected
Git repository it is picked up automatically; anywhere else, set SITE_URL (docs/INSTALL.md,
"The site URL").
Deployment is tested on Vercel through its Git integration, on a plan that permits commercial use. The Vercel CLI path and other hosting environments are untested in this release.
The full guide, docs/DEPLOY.md in the repository, covers:
- Git integration
- Deploy with the Vercel CLI
- Connect your domain
- Verify a deployment
- Other hosts
Troubleshooting
14 calendar days of email support from the order date, for installation and the Vercel Git-integration deployment documented in the package. There is no response-time promise, and customization work, other hosts, and general development consulting are outside it.
The full guide, docs/TROUBLESHOOTING.md in the repository, covers:
npm cireports vulnerabilities. Is that a problem?npm run buildstops with "no usable site URL"npm run buildstops with "still carries the demo's …"- The page shows another day's date
- The reserve buttons do nothing
- "See the map" only scrolls the page
- The call button is missing from the bar on phones
- Nothing fades in
Changelog
All notable changes to Bloem are recorded here. Versions follow Semantic Versioning.
1.0.0
First release.
- A gastrobar's site in one page: a hero, a strip for today, the wine and a list by the glass, the board of plates, the room with a second room and the terrace, the flowers, what guests have said, the place, and a table.
- Today's date in the restaurant's own time zone. A weekday can carry its own label and line; on a closed day the strip shows the next open day.
- Reserve, call and directions buttons that go to the one contact you configure.
- A build check that stops a switched-on site still carrying the demo's guest quotes, its opening year or its demonstration line.
- Buyer guides in
docs/,AGENTS.mdfor coding agents, and the license.
Known limitations
- One restaurant, one page, one language (English).
- No CMS: content is a TypeScript file in
src/restaurant/fixtures/. The wine list and the board are what that file says; changing them is an edit and a deploy. - No bookings, payments or availability. A reserve button is a link to wherever you take reservations.
- No map is shown. "See the map" opens OpenStreetMap at coordinates you configure.
- Opening hours are text you write, in two places; only the closed days of the week are understood by the page.
- Colours and typefaces are CSS, not configuration.
- The example photographs are AI-generated and must be replaced before a commercial site goes live
(
LICENSE.mdsection 8). - Deployment is verified on Vercel through its Git integration only.