Forum Discussion
Storyline 360 + Netlify (An experiment on hosting your courses online for free)
Good day, heroes!
I'm new to Articulate and was checking out how to build courses with Storyline 360 and was experimenting if I can upload the course on the web using free hosting from Netlify. Guess what, it seemed to work!
So I spent a couple hours building a simple interface on Storyline just to see how it works and pretty much ended up with Saving Marilyn from COVID-19, a short intro on how to prevent COVID-19 with information I gathered from a simple Google search on "how to prevent covid". Nothing fancy. Just wanted to test out some Storyline elements and functionality.
I was curious to know how I can share the material without LMS or Articulate (since I only have the trial version) and so I came to a conclusion that maybe, I can use Netlify.
I published the course and renamed the story.html to index.html and then dragged and dropped the project folder into Netlify and voila!!!
If you're curious to know how Netlify works, I'd be happy to assist you. I wanted to write about it in detail but I figured a tutorial post might be appropriate. Just let me know if you'd be interested.
Check out the experiment here.
Stay safe, stay indoors!
Cheers,
Johnrey
- MollyBrown-8e0bCommunity Member
Thank you, Johnrey! This worked great for me as well. :)
- AshleyClick-f0bCommunity Member
Hi Johnrey,
I have published my Storyline project but can't seem to sort out how to use the Netlify site. I have looked for tutorials and cannot find any. Can you - or anyone else - recommend one? Thanks.
- RyanBrown-62e7eCommunity Member
Hello! I have used github and netlify to create a free website. I am interested in creating a portfolio website and hosting some published projects to the netlify site. Becaues I already have a index.html file, is there a way I can host projects on my netlify site as a different page linked off of the home page?
- WaltHamiltonSuper Hero
Build a webpage named index.html,to serve as the home page. On it put links to the various story.html files. Be sure each project is in a separate folder, so you can call them all story.html. That way when you upload a new project, all you have to do is to add a link to the webpage.
- RyanBrown-62e7eCommunity Member
Thank you so much for the reply! I was playing around with it this morning and I took my whole output folder and put it in the root and just did an <a href="...> to the story.html file.
I'm trying to learn html and build a portfolio site so this has been really helpful