Creating a Landing Website!
Astro Themes for inspiration on Landing Pages:
AstroZinc - https://astrozinc.exylons.com/
Luna Landing - https://github.com/JimmyCamus/luna-landing
- Configurable with a JSON!
- MIT | Template of a business landing page to be configured by json file
/src/data/landing.json
Proposed for Ourika 📌
- The fav icons works as configured with
"./public/favicon.svg"
Which I could change from png to svg thanks to adobe and provided guideventure-logo.svg
The theme brings a OG Image, which equals to the first image of the landing.
PagesSpeed: 100/100/100/100
Compared with the competitor (WP) ~ping 30 vs ping ~300
- With Cal.com
I needed to make few tweaks for the images to work (when they are at public)
sudo apt install webp
for file in *.jpg; do
cwebp "$file" -o "${file%.jpg}.webp"
donesudo apt install graphicsmagick-imagemagick-compat
convert tour1.webp -rotate 180 tour1_rotated.webpIt could be deployed quickly with CF Wrangler CLI:
Creating such view:
Minimal Studio
Sendit
For Taxies as well 📌
Update
✅ Localization ✅ Blog ✅ CMS for editing blog post (thanks to Keystatic CMS) ✅ PWA (thanks to vite-pwa)
Im well aware that a Bachata-Cerdo uses it 📌
Currently this theme only works with the premium version of GSAP, the steps to use the standard version will be available in the future.
FAQ
What it is KeyStaticCMS?
A tool that makes Markdown, JSON and YAML content in your codebase editable by humans.
Live edit content on GitHub or your local file system, without disrupting your existing code and workflows.
MIT | Content Management for your Codebase - https://github.com/Thinkmill/keystatic
Using KeyStatic CMS with Mizar Astro Theme
Once you install and run the dev server:
npm install
#rm -rf .git
npm run devYou will see the regular localhost:4321 to explore the theme
But also: http://127.0.0.1:4321/keystatic/ is available.
npm run build
npx serve -s dist #http://localhost:3000