Publishing your site
Omnira is plain HTML, CSS and JavaScript, so it runs on any web hosting. There's no database and nothing to install on the server.
What to upload#
| How you edited | Upload | Your home page will be |
|---|---|---|
Source files + npm run site -- <demo> (recommended) | Everything inside source/site/ | yourdomain.com/ |
HTML files in template/ | The demo folder (e.g. restaurant/) and the assets/ folder, side by side | yourdomain.com/restaurant/ (see below to use the root) |
Making a demo your home page (HTML files)#
Pages inside a demo folder load their styles from ../assets/, so keep the folder structure. To make yourdomain.com open your demo, put this small file in the top folder as index.html (replace restaurant with your demo's folder):
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=restaurant/">
<link rel="canonical" href="restaurant/">
<title>Redirecting…</title>
<a href="restaurant/">Continue to the website</a>Or, cleaner: install Node.js once and run npm run site -- restaurant, which puts the pages at the top level for you.
cPanel (most shared hosting)#
- Zip the files you're uploading (select them, right-click, compress).
- In cPanel open File Manager and go to
public_html. - Click Upload, choose your zip, then right-click it and choose Extract.
- Make sure
index.htmlis directly insidepublic_html(not inside another folder), then visit your domain.
FTP (FileZilla or similar)#
Connect with the FTP details from your host, open the web folder (often public_html, www or htdocs) and drag your files across. Upload the whole assets folder too.
Netlify, Vercel, Cloudflare Pages#
These free services host static sites. On Netlify, log in, open Sites and drag your site folder onto the page. It's online in seconds, and you can connect your own domain in the site settings.
GitHub Pages#
Create a repository, upload the contents of site/, then enable Settings → Pages for the main branch.
Before you go live: checklist#
- Replace every placeholder image with your own (see Images).
- Connect your forms (see Forms).
- Set page titles and descriptions (see SEO and analytics).
- Remove the demo and colour switchers if you edited the HTML directly (see Demo and colour switchers).
npm run siteremoves them for you. - Replace the example phone numbers, emails and addresses (see Name, logo and contact details).
- Delete demo pages you don't need, and remove their links from the menu and footer.