✓
the short answer

Once you export your Floot project's source code to GitHub with Push44, you own the actual Next.js markup and styling — allowing you to customize layout components directly in your codebase.

📖 Introduction

Floot provides rapid full-stack application prototyping. This developer guide explains your options for customizing your layout and branding, including exporting your code with Push44 for independent production hosting.

The Problem with Walled Gardens

Default prototypes contain standard platform branding widgets that developers may wish to restyle before presenting products to clients or deploying to custom domains.

The Push44 Solution

Once you export your Floot project's source code to GitHub with Push44, you own the actual Next.js markup and styling — allowing you to customize layout components directly in your codebase.

Step-by-Step Walkthrough

4 steps
1

Export your Floot project with Push44

Connect your Floot session token and push your project's full source code to a GitHub repository.

2

Locate layout components in exported code

Inspect your project structure (src/app or components/) to find layout headers, footers, and brand badges.

3

Apply your custom brand styling

Customize the styling, logos, and color palette to match your company's design system directly in your codebase.

4

Deploy your customized application

Since your code is version-controlled in GitHub, you can deploy it seamlessly to Vercel, AWS, or your own server infrastructure.

Pro Recommendations

✓

Exporting with Push44 gives you standard Git commits and pixel-level control over every component.

✓

You can link your exported repository to CI/CD pipelines for automated testing and staging deployments.

Common Pitfalls to Avoid

⚠️

Attempting ad-hoc runtime CSS hacks inside editor previews instead of using clean Git source control.

Frequently Asked Questions

Can I customize the exported code freely?

Yes. Once exported to your private GitHub repository, the code is standard Next.js that you can modify, re-theme, and deploy anywhere.

Is white-labeling easier after exporting to GitHub?

Yes. Having full source code access allows standard CSS customization, custom domain mapping, and asset optimization.

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