Blog homepage » Entry
Bootstrap Shuffle January 18, 2019

BLAZING FAST Bootstrap Builder! ⚡⚡⚡

Benedykt Michalski

Inspirational Writer

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 to 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 center in Canada by completing the following: ping proof.ovh.ca)

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

Related blog posts

AI March 12, 2025

Turn Ideas into Code with AI — Chat, Upload, or Draw!

We’re excited to introduce AI-powered component creation in Shuffle! Now, you can build fully responsive UI components in seconds using three new AI-driven features: Chat your request – Describe the component you need, and AI will generate it for you (Open AI Assistant at the bottom-left corner). Upload a mockup – Do you have a design file or wireframe? […]

Benedykt Michalski

Inspirational Writer

shadcn/ui February 15, 2025

The best visual editor for shadcn/ui

Shuffle visual editor fully supports the shadcn/ui library, giving you even more power and flexibility to build stunning UIs effortlessly. The shadcn/ui integration includes a few valuable features! Access to shadcn/ui’s beautifully designed components right in the visual editor With Shuffle, you can instantly access a vast collection of pre-designed, high-quality components from shadcn/ui directly in the […]

Benedykt Michalski

Inspirational Writer

Development August 28, 2024

Upload UI libraries to Shuffle

Uploading UI libraries to Shuffle is available, and the first users have already used it! This feature allows you to upload a library you created or purchased (e.g., Tailwind UI, Flowbite, Ayro UI). The uploaded library will work with Shuffle features such as visual editing, live preview, and collaboration. Uploading flow UI library upload consists […]

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.