4 ms·
Just finished working on the first iteration of a website for my mom. I didn’t want to deal with a full classical CMS and maintain Databases and such, especiall
by leipert 6y ago
Just finished working on the first iteration of a website for my mom. I didn’t want to deal with a full classical CMS and maintain Databases and such, especially as my experience with wordpress, PHP and typo3 has faded a little bit.
My mom’s website is basically a directory of old mansions in former eastern Prussia. Site is in German: https://gutshaeuser-ostpreussen.de https://gutshaeuser-ostpreussen.de
Anyhow Stack chosen:
Backend/CMS as a Service: https://prismic.io/ https://prismic.io/ which is really great because it has an easy user interface that supports drafts, media, i18n (planning a polish version of the website) and defining custom types for pages which is great to force my mom to enter data consistently.
At first I used their SDK to simply query the data and rendered the Page while writing my own static site generator. Obviously very tedious. Since then I have moved away from that and landed on Nuxt which works well for me, because it allows me to iterate faster. Nuxt also supports rendering static pages https://nuxtjs.org/blog/going-full-static/ https://nuxtjs.org/blog/going-full-static/. All of the JavaScript bits are basically progressive enhancements.
The page is then deployed via GitLab pages. Every time my mom changes a page, a webhook triggers a build of the Site.
What really eases my mind is the ability to simply backup all the data entered, as simple JSON files. So I don’t feel like there is any big vendor lock in with Prismic.
- pengwing 6y agoRegarding Prismic lockin: Have you checked whether the exported .zip contains the entire media library? Regarding SEO: If you (i) host the Cormorant Garamond font locally and inline its CSS, and (ii) use srcset to serve a smaller hero picture on mobile, you will probably achieve a 100/100 score in lighthouse.
- leipert 6y agoDidn’t think someone actually looks at the page. Thank you! Currently I am just saving away the page contents as a JSON when rendering the page. My mom has all media locally. TBH, I considered just crawling all the pages and media via the API/SDK with a scheduled job in CI. Maybe saving them in a git repo to get history for free or just uploading a zip every week to backblaze. Thanks for the SEO tips. Will definitely look into hosting smaller images and the font, also need to add meta tags for descriptions, maybe some JSON LD and other shenanigans for Facebook, Twitter, etc. Had to focus on the mom-visible stuff first ;) Also wanted to look into analytics with something privacy friendly like https://umami.is/ https://umami.is/