✓
the short answer

Push44 streamlines the entire styling workflow: it fetches your live bundle, prepends a lightweight DOM observer script that styles and white-labels the UI layout, and re-deploys the clean bundle back to your production host in one atomic operation.

📖 Introduction

bolt.new is an innovative AI app platform that builds and deploys applications rapidly. For production apps, developers often wish to white-label their deployments to align with their company brand identity. Push44 provides an automated workflow to apply custom styling overrides and re-deploy clean builds.

The Problem with Walled Gardens

When presenting projects to enterprise clients or startup investors, default third-party badges and prototype widgets can distract from your custom branding. Customizing the deployment bundle manually requires extracting assets and recompiling scripts.

The Push44 Solution

Push44 streamlines the entire styling workflow: it fetches your live bundle, prepends a lightweight DOM observer script that styles and white-labels the UI layout, and re-deploys the clean bundle back to your production host in one atomic operation.

Step-by-Step Walkthrough

5 steps
1

Get your bolt.new session authentication token

Open bolt.new in your browser and log in. Open DevTools (F12) → Application → Cookies → bolt.new. Locate the authentication cookie named __session and copy its value.

💡 expert tip

The __session value is a standard base64-encoded credential. Copy the complete value.

2

Identify your Project ID

Open your project in the bolt.new editor. The URL format is bolt.new/~/PROJECT_ID. Copy the PROJECT_ID portion to uniquely identify your application.

💡 expert tip

The Project ID is the unique slug in the URL following the tilde symbol (~/).

3

Configure bolt.new in Push44

Open Push44 Settings, find the bolt.new section, and paste your __session cookie and Project ID. Push44 validates your credentials by verifying project deployment status.

💡 expert tip

Credentials are stored locally in browser storage and never sent to third-party databases.

4

Apply white-label styling and redeploy

Navigate to the Push page in Push44 and choose bolt.new. Select your connected app and trigger the white-label deployment action. Push44 inspects the bundle, injects clean UI styling rules, and updates the live build.

💡 expert tip

Make sure your project has completed at least one deployment in bolt.new before running the customization.

5

Inspect your white-labeled application

Once the build completes, click the live site link to review your customized deployment. Hard-refresh (Ctrl+Shift+R) to clear local CDN cache.

💡 expert tip

If you publish new prompts in bolt.new later, simply run Push44 to maintain your custom styling.

Pro Recommendations

✓

Re-apply styling overrides after major new editor builds

✓

Hard-refresh the live site to clear intermediate browser cache

✓

Store session credentials securely in your local environment

Common Pitfalls to Avoid

⚠️

Copying cookie strings from third-party tabs instead of bolt.new

⚠️

Using expired session credentials after logging out

⚠️

Triggering updates before the initial platform deployment finishes

Frequently Asked Questions

How does the custom styling pipeline work?

Push44 downloads your live JS bundle, prepends an ultra-lightweight non-blocking styling module, and updates your deployment endpoint.

Does this impact application performance?

No. The styling snippet is under 500 bytes and evaluates synchronously without delaying core application rendering.

Can I customize multiple projects?

Yes. Push44 allows you to manage and style multiple projects across your connected accounts.

100% free · zero backend · client-side

Export and push your code in seconds.

Connect your platform, preview the visual diff, and create atomic commits on GitHub with zero server data retention.

Start exporting now → Learn more