BLAZING FAST Bootstrap Builder! ⚡⚡⚡

The user described operation of the builder’s interface but they didn’t see what happened in the background, and this is something I’m specifically proud of.

Our infrastructure was tested in action and we were able to sustain traffic from Hacker News and Product Hunt with not problem. 

Our configuration:

  • Dedicated servers in OVH (3x cheaper than AWS!)
  • Using data center in Canada and France (vRack between servers)
  • Cloudflare as CDN (Content Delivery Network) and Load Balancer 
  • In Cloudflare, Cache services are active as well as Argo (optimised routes) and Load Balancing with Geo steering

Geo steering means (with appropriate settings) that users from the Americas are transferred the data center in Canada, while users from Europe are transferred to the data center in France. Only if the basic (closest) location fails, will the user be transferred to a more distant server.

Using the Bootstrap Shuffle (Bootstrap builder for busy developers), configuring the appearance of the theme, you will often compile Sass to CSS on our server (each change of settings will generate a new Sass compilation).

This is why the fastest connection is very important to us and load balancer from Cloudflare is perfect here!

Compilation of Bootstrap Sass files takes approximately 300ms. If we had servers only in America, users in Europe would see results of compilation 110 ms later! This is unacceptable! (You can verify the time of connection with the data centre in Canada by completing the following: ping proof.ovh.ca)

Another data centre that we will use is in Singapore (it will manage traffic from Asia).

Three topics regarding the development of Bootstrap Shuffle

I would like to share with you three topics regarding the development of Bootstrap Shuffle!

1. Hackers, Hunters and Designers

At the beginning of the year we appeared on the homepage of Hacker NewsProduct Hunt (#1 Product of the Day) and Webdesigner News. Thanks to that we collected a lot of valuable feedback.

I would like to thank all who contributed to this! ❤️

2. New features

Last week we have introduced two new features that you can already use today:

 🔥 public/ – When you export your project there is already a compiled HTML/CSS in this directory. If you do not want to run npm, you don’t have to! 🙂

🔥 Component Settings (beta) – Our biggest update so far! We have added the possibility to edit content (texts and images) to the library of our components.

We are now collecting feedback from the first users and for the next few weeks this is where we will focus the most.

3. New features after new features

We are creating a tool that is supposed to speed up your work and help you deliver flawless projects.

We will be gradually adding new export options and we have decided that the first new form of export will be.. React!

We are still wondering if the exported project should use:

  • create-react-app
  • next.js
  • Gatsby

What do you think about it? You can contact me at dawid@bootstrapshuffle.com

The importance of customer onboarding

Do you think that, after several months of working with the tool, everything is simple and understandable for each user? It may sound surprising, but it isn’t so easy all the time! 

Only last week we obtained over 100 paying customers who give us valuable feedback. 

We have already started implementing the so-called progressive user onboarding. For example:

  • when you add the first component you can see a tooltip informing you about the possibilities of change of styles, fonts
  • when the user enters Change Styles for the first time, he or she can see a help modal with all possibilities 

Our onboarding can be still be improved and that’s exactly what we are working on right now!

You can try Bootstrap Shuffle here: Bootstrap builder for busy developers

Bootstrap builder for busy developers

After 11 years of work in web-development, I have learned that there will always not be enough time for a perfect completion of a project.

Therefore, what one has to do is as much automation as possible, elimination of repetitive activities, improvement of the processes in the known activities, as well as the as quick as possible proceeding with the difficult tasks which are usually left for the end of the project (interactions, elaboration of the details, back-end integration etc.).

That’s why we have created Bootstrap Shuffle. This tool is to help developers ship faultless projects on time, within a presumed budget and without stress. Work with Bootstrap Shuffle is about:

  1. Creating a layout from the components library.
  2. Adjusting the styles (fonts, colors, margins etc.).
  3. Exporting the project and further work on the details in your favorite IDE, eg. Visual Studio.

This means that it maximally accelerates the initial stages of the project so that you have more time and can focus on perfecting the details.

You can try our Bootstrap builder for free.