Self service is currently a big pain point on Query Hunter. We're aware of it - which is why QH3 will solve self-service out the box.

Upgrades? No problem. Account management? No problem. Team management & multi-org.... New feature, no problem. #buildinpublic #QueryHunter

Admin side of Query Hunter 3 coming together! Users can connect multiple Google Accounts, integrate any Google Property with QH and share site data across a QH team in a few clicks. No more need to add users to Search Console - just add them to your QH3 team. Fine-grained access controls incoming.

Day 14 of the QH3 build and I'm working on functional screens. Keeping critical screens as clean and simple as possible. Ease of use is critical.

#QueryHunter #buildinpublic #uidesign

DESIGN SYSTEM.

Before I start work on any #QueryHunter feature I design it in Figma. Every design screen is built up from our base component library, which contains every possible state.

Setup was a cost, but maintenance is easy. Having this resource makes dev 2x faster

#uidesign #buildinpublic

Productive afternoon so far - I've completed the Add Site Modal. Finished our form UI components yesterday so that's our custom design system 90% done.

I've got a lot of API endpoints to write now to get this functional. I've done this one UI-first.

#QueryHunter #buildinpublic

Combobox done. Now cracking on with the add site feature.

#QueryHunter3 #BuildInPublic

Site Page Complete! 🥳

Lot of work done on this one - dynamic filtering, search and sorting are in-place. 70% of the design system is now also in place.

Moving onto quick links to site pages, and the create a site feature.

#QueryHunter #BuildInPublic

Temporarily switched onto Figma tonight and I'm working on modals and dialogs. Gradually building this design system out for our core products (QH3 and Eject).

I've been looking forward to this since I teamed up with Waz and started building on his epic initial brand work 9 months ago.

SERVER SIDE RENDERING.

The biggest UX challenge we have on Query Hunter is the amount of data the app fetches. Our biggest site has something like 150,000,000 items.

I've been buried in server side rendering. End result? Initial bundle is currently about 140k. 🙌

#buildinpublic #QueryHunter3

FAKE DATA. I've spent the day putting together a 745 line PR which automates fake data generation for #QueryHunter3. What's the benefit?

We just have to type pnpm api seed into a terminal to get realistic Users, Organisations and Sites appearing in the app. Voila, we can do complex UI work.

Spot the real brands.

One challenge I'm facing building the next version of Query Hunter is having enough sites connected in Search Console. Right now I've got 3. Solution - mock data for 10+ sites.

Here's some AI favicons plus the real reference brands I used to generate them. LMK what you think

Way slower morning than expected today... Because we found out Eject has been approved to join Microsoft for Startups!

#Bootstrapping is an unreal level of hard and great news like this makes it feel a little easier.

Check out the Eject platform on our website. eject.tech

Backend work for the sites feature done with pagination, search & filtering all in-place on the GET endpoint.

Now onto UI and we'll have this first screen done.

queryhunter.io #QueryHunter3 #buildinpublic

Big day yesterday - we got the navigation system for the new platform in place. Today I'm working on our first feature - sites. First up is backend work, a paginated endpoint to retrieve a list of sites to display on this screen.

queryhunter.io #QueryHunter3 #buildinpublic

I'm from Bristol so I code to drum & bass.

Hey @bsky.app. I'm doing a #buildinpublic thread for the next major version of queryhunter.io and we'll be announcing features on here as we build them.

We're building the ultimate saas for content optimisation.

Follow me for design, @nextjs.org and Typescript inspo.

#QueryHunter3 #BuildInPublic