METEOR - integrating a prebuilt HTML/CSS/JS Theme with meteor

Question

I would like to know if there is some kind of tutorial or guide how I can integrate an already designed theme with meteor core structure. For example I have this template here: http://startbootstrap.com/template-overviews/creative/ that I integrated into this: http://sailsadria.meteor.com/ I managed to setup the CSS and HTML but the JS is killing me. You can see this includes that he needs:

<script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.fittext.js"></script>
    <script src="js/wow.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/creative.js"></script>

I have added bootstrap and Jquery via packages but don't know if that does the trick?

And yeah this guy has some cool solutions: https://www.yauh.de/using-pre-made-themes-with-meteor/ but I really didn't understand the part where he explains how to integrate the custom JS files

How can I include all those files into the meteor structure? Any help appreciated!

Answer 1

Assuming you've already been told repeatedly why using themes is a bad idea....

Proper way: turn them all into packages.

Quick and dirty: Copy all the js files, drop them into client/compatibility , rename them so predecessors are alphanumerically before successors.

Answer 2

I think @Matt K is right about his comment staging an airplane on an highway during rush hour (lol). I don't know how much time you have but if you really want to use meteor and deliver on short notice, you can try meteor kitchen .

Before you jump on it (because it could mean a great deal of time saved) be warned that if you choose it you will end up with a satisfying website easily generated, but you will be on your own if you want to implement all the extra stuff you could need. So it depends on how much custom stuff you want.

This being said, I think it will provide a clean boilerplate, including most of the basic features you could expect (user/admin identification, iron-router navigation, all the website structure generated, etc.) and it will allow you to choose one of the themes from bootswatch and get it set up automatically.

However, if you want to change for another theme, I am not sure how you should proceed. You could probably just drop the theme files in the client\\styles\\theme folder, I never tried.