Why not simply just paste code and content directly into a page? The first benefit of Builder is that it keeps everything neatly packaged together and easy to move between pages or share elsewhere. No danger that you'll accidentally leave something behind or forget something important in a back-corner of your RapidWeaver settings.

The next benefit is that some of the more complicated code you might want to use from online repositories can be quite "finicky" about where it's inserted on the page. Some code has important dependencies on certain libraries; whereas other code just likes to come after certain items in a page. So Builder provides more precise control over where this code can be "injected" within the page, and provides easy access to libraries code may need, like Font Awesome, jQuery, Vue or Web3.

Thousands of stacks already exist on the RapidWeaver marketplace. However you may sometimes encounter more specialist code you want to get into your RapidWeaver website, where such stacks don't already exist. Builder could be the perfect solution to bridge this gap. And even if you are not working with any code, Builder still helps you group different stacks together into more transportable, reusable components.

Once you have configured your Builder stack, you can save it as a partial, template or external for quick reuse elsewhere. Externals and templates can be copied from your RapidWeaver addons folder (in Finder) and shared with colleagues or other members of the RapidWeaver community.

Builder v1 is still listed for download on the Archive page, if you need it to open old websites.

Example

Here is a basic working example of the Builder stack. In this example, a CSS and a HTML / Javascript / PHP component were added to Builder. The CSS component contains all the style information. The HTML / Javascript / PHP component contains the HTML code and the Javascript code. The end result is the creation of this intuitive converter calculator.



Many more examples are demonstrated in the downloadable project file. Paid help is also available for getting your code setup and working in RapidWeaver.

Setup

Install Builder stack into Stacks and RapidWeaver in the normal way. Open the Stacks library and search for 'Builder v2'. Drag and drop a copy of the stack into your webpage. Press the blue button to reveal a menu of sub-components. Add one or more sub-components to start creating your new stack.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.