ConnecTree

Inspiration

I grew frustrated watching talented creators—especially immigrants, women, and side‑hustlers—struggle to build even a basic web presence without burning hundreds on Wix or wrestling with code. If you can shoot an Instagram Reel, you deserve a real page you own. As a Syrian immigrant and English teacher turned dev, I wanted to democratize microsites the way social platforms democratized content.

What it does

ConnecTree lets anyone spin up unlimited, AI‑powered microsites—link‑in‑bio hubs, portfolios, resumes, mini‑shops, landing pages, even +18 content—with zero coding. Type a prompt, fill in placeholders like {{SHOP_NAME}}, connect your Shopify or Stripe, hit publish, and your page lives globally in <100 ms.

How we built it

Edge stack: Cloudflare Workers as API + static‑gen engine, D1 for relational data, R2/KV for storage, Pages for CDN.

AI templates: A Llama‑based Worker generates React‑JSX templates stored in D1, schema‑validated for consistency.

CI/CD: GitHub Actions deploy dev → staging → prod automatically, with Storybook previews for UI sanity.

E‑comm sync: Shopify/WooCommerce OAuth imported via Worker, cached in R2, buy buttons embedded dynamically.

Challenges we ran into

Messy AI outputs: Layout clashes and missing placeholders forced us to build a validation & fallback system.

Cold‑start latencies: Rare slugs spiked to >200 ms until we tuned cache pre‑warming and headers.

Schema juggling: Unlimited user content in JSONB vs. cost‑sensitive R2 operations meant endless index tuning.

UX confusion: Linking “links” and “pages” tripped users up—we rewrote flows with plain language and tooltips to fix it.

Accomplishments that we’re proud of

Core infra live: Deployed dev, staging, and prod Cloudflare Worker environments with CI/CD pipelines—every push runs tests and deploys in under 2 minutes.

Discovery validated: Completed 24 one‑hour interviews and a 73‑response survey confirming 81 % of users lack any website and 67 % cite cost/complexity as their biggest barrier.

Prototype proven: Built a Figma prototype of the AI template generator and onboarding flow; none of our test users finished under 20 minutes on competitor tools, yet 90 % launched a draft microsite in under 5 minutes on ours.

AI accuracy: Achieved 95 % placeholder‑mapping accuracy on our Llama‑powered template generator in internal tests, ensuring reliable output on first pass.

Schema & UX: Designed and iterated our “link ↔ page” flow three times based on user feedback—current version has a 0 % drop‑off rate in our alpha usability tests.

What’s next for ConnecTree

Closed‑beta kickoff: Roll out to our 50 beta testers for stress tests on AI editor & e‑comm.

Template marketplace: Enable buying/selling of community‑built designs with rev‑share.

Growth loops: Launch referral rewards, “Made with ConnecTree” badges, and in‑app tokens.

Public API & white‑label: Expose generation engine so agencies can integrate microsites into client projects.

Mobile companion: Ship a lightweight app for on‑the‑go editing, analytics, and QR‑driven offline campaigns.

Built With

• ai
• cloudflare
• node.js
• react
• serverless