Räim Ruudus koduleht

React + Vite projekt Naissaarel asuvale baarile Räim Ruudus.

Käivitamine

Kõige lihtsam Windowsis:

kaivita.bat

Käsitsi:

pnpm install
pnpm run dev

Tootmisversiooni kontroll:

pnpm run build
pnpm run preview

Deploy

Leht on seadistatud GitHub Pagesi jaoks. Deploy workflow asub failis .github/workflows/deploy.yml.

Praegune testseadistus kasutab GitHub Pagesi projektiaadressi:

• avalik test-URL: https://germoeis.github.io/RaimRuudus/;
• vite.config.js kasutab base: '/RaimRuudus/';
• canonical, sitemap ja robots URL-id viitavad GitHub Pagesi aadressile;
• public/CNAME ei ole praegu kasutusel, et GitHub Pages ei suunaks custom domeenile.

Kui domeen www.raimruudus.ee on ostetud ja GitHub Pagesis seadistatud, tuleb public/CNAME tagasi lisada, vite.config.js muuta base: '/' peale ning canonical/sitemap/robots URL-id viia custom domeenile.

Vaikimisi kujundus

Vaikimisi avaleht on IslandMapDesign failis src/components/AlternateDesigns.jsx.

Lisavaated arenduseks:

• /?design=poster
• /?design=classic
• /?design=tavaline

Kontakt ja vormid

Kontaktandmed ning vormi seadistus asuvad failis src/data/siteConfig.js.

Praegu on kontaktvorm seadistatud Formspree kaudu:

forms: {
  provider: 'formspree',
  formspreeEndpoint: 'https://formspree.io/f/mzdlgjbq',
  debugLocalStorage: false,
  contactFormName: 'contact',
}

Formspree linked email peab olema Formspree keskkonnas kinnitatud ja notification/recipient seadetes aktiivne. Koodis olev endpoint ei ole salasõna.

Tootmisversioon ei salvesta kasutajate päringuid localStorage-isse. Arenduses salvestatakse debug-kirjeid ainult siis, kui debugLocalStorage: true.

Sisu muutmine

Peamised sisufailid:

• src/data/siteConfig.js - kontakt, domeen, lahtioleku info, laevainfo, analytics;
• src/data/islandCopy.js - IslandMapDesign tekstid eesti ja inglise keeles;
• src/data/faq.js - praktilise info küsimused ja vastused;
• src/data/drinks.js - joogikategooriad;
• src/data/menu.js - PDF-menüü failide viited.

Menüüd

Menüü kuvatakse PDF-failidena komponendis src/components/MenuPreview.jsx. Telefonis kasutatakse iOS-i PDF-embed lõikumise vältimiseks samadest PDF-idest renderdatud PNG eelvaateid.

Kasutusel olevad PDF-id:

• raim_ruudus_menu_et_page_1.pdf
• raim_ruudus_menu_et_page_2.pdf
• raim_ruudus_menu_en_page_1.pdf
• raim_ruudus_menu_en_page_2.pdf
• raim_ruudus_menüü.pdf
• raim_ruudus_menu_en.pdf

Telefonivaate eelvaatepildid:

• public/menu-et-page-1.png
• public/menu-et-page-2.png
• public/menu-en-page-1.png
• public/menu-en-page-2.png

SEO ja jagamine

Olulised failid:

• index.html - meta title, description, Open Graph, Twitter card, structured data;
• public/sitemap.xml - sitemap ja hreflang URL-id;
• public/robots.txt - sitemap viide;
• public/og-image.jpg - jagamispilt;
• public/favicon.svg ja public/apple-touch-icon.png - lehe ikoonid.

Analytics

Privaatsõbralik analytics on vaikimisi välja lülitatud.

Seadistus asub src/data/siteConfig.js väljal analytics.

Toetatud variandid:

• provider: 'none'
• provider: 'plausible'
• provider: 'goatcounter'

Plausible näide:

analytics: {
  provider: 'plausible',
  domain: 'www.raimruudus.ee',
  scriptUrl: '',
}

Enne avaldamist kontrolli käsitsi

• Formspree päris saatmine ja linked email teavitus.
• GitHub Pages custom domain ja DNS.
• PDF-menüü iPhone/Safari brauseris.
• Facebook/Messenger/LinkedIn jagamise eelvaade.
• pnpm run build.