In creating an event’s type web page, I can use Bootstrap studio to design/create the layout of the events page no problem, but is there any advice on how set it up so the client can use it and upload their own content?
Can you advise on how you would approach this particular type of page and what tools you would use? I guess a working events page can’t be achieved with just Bootstrap studio alone, so what do people use after the export? I have heard of Astro https://astro.build/ but if I was going down that route would it not be better to just build the whole website in Astro?
Does anyone use Astro with Bootstrap studio as part of their process?
I’m a bit unsure of what to do.
Would Bootstrap Studio consider doing a tutorial video on this subject even if it meant showing the after export process with other software?
BSS does not have CMS features. It’s a static front-end development tool.
If I wanted a way for users to add their own content to a website, I’d probably go with a platform that offers CMS features (ex. WordPress, Webflow, Squarespace, Wix)
There are posts in the forum discussing integrating third-party headless CMS solutions. You can search for them, or just seach Google for something like, “Add a CMS to a static website”
I was looking for the link to this post. Unfortunately the example site is gone, but the code still works.
I’ve designed many websites in Bootstrap Studio, after export I like to use a CMS called OctoberCMS. OctoberCMS has an excellent developer experience, allowing me to turn my designs into functional websites with rich features with ease. It comes with a slick and well designed admin area where you can give clients control to edit the content on their site.
The most recent website I have developed has an event pages with a list of upcoming events. Each event got its own page, with the ability to buy tickets on the website. The total process from design to handoff to the client was 1 month.
Another CMS to check out would be VVVEB, it has an interface like Bootstrap Studio that allows you to edit and change content on a website. It’s simpler, and does come with some CMS features, but you will struggle building complex features with the system.
Whatever CMS you use, you’ll need your own web server to host it on.
You need to give your calendar editors (the people you will allow to edit the calendar) permission to alter the Google Calendar within Google tool.
You can ignore the website.com-specific customizations at the tail end of the tutorial… Instead, review NightShooter’s method of embedding an iframe into BootstrapStudio: https://www.youtube.com/watch?v=VhRscNXmBKk
If there’s demand for something more organized, I may be able to do a short tutorial - but creating the iframe is the way to solve this.
It really depends on what your client is capable to do.
There must be a reason for hiring you
I’m using astro together with bs studio indeed, but not astro alone. astro is “compiling” contents into static html.
BS Studio can do that as well. The difference is that you can fetch dynamic contents (pages, posts, also events of course) from a CMS and astro will follow every possible path and make static pages from those .
So I guess astro is a bit too complicated for your client and also isn’t required when you opt for a CMS that your client can handle.
OctoberCMS as mentioned before is a great choice.
CraftCMS or Strapi would work as well.
And ofc you could tap into any google or iCal calendar solution out there with einther client side JS or server side js / python / php
So without knowing specially your clients expectations it’s really hard to recommend sth.
Thanks for the input guys. Some interesting suggestions.
I guess if you are in a situation where you have built a site for the client with Bootstrap Studio and it’s live, but down the line the client wants something like an events page feature adding to their live site, your not going to want to rework the whole site in a CMS.
I’m looking into all the suggestions.
I did find this on youtube from Kevin Powell the CSS evangelist. He builds a blog type site with something called Eleventy and hosts it on Netlify with integrated Netlify CMS. It’s a few years old now but I might see if I can implement it that way. I will at least learn about templating out a site.
If you use 11ty to build a CMS, consider also installing the VS Code extension called Front Matter, it makes creating blog posts easier.
Also, you’ll need to install the Nunjucks Template extension. You can see that I’ve commented on that video 2 years ago and someone also mentioned this plugin to me a year later to fix the emmet problems.
