Please share a process or a way to approach building a clean and effective app in phases and priorities

Tutorials
1

Hi, new to weweb, using alongside xano, building a phase 1 product for: https://capitalgoods.webflow.io/
I have no code experience, but im learning html css and javascript.

I want to kindly ask for advice on how to approach building on weweb from scratch. What should i take care first, what are the priorities? I purchased a beautiful library of components from Karl (https://kmui.karlmyrvang.com/). Should Itake care of the layout of every page first and then worry about each pages bindings and workflows?

Whats the best way to work on this?

Thank you! Glad to be part of this community

2

Hi,

nice to greet you.

Rather difficult to come up with a comprehensive answer for that question.

From my perspective I see 3 ways:

  1. The easiest but expensive way - is to book lessons with an experienced person or with someone from Weweb and Xano team.

  2. The cheaper but longer - make a lot of discussions with AI about backend architecture and frontend architecture. Get yourself familiar with all the building approaches and options. Choose one and implement it.

  3. The cheapest but most rewarding in terms of gaining experience - start building MVP right away >> solve all problems >> come to a point when you know that all your project is a mess and now you know that to build it properly and - most valuable - how >> rebuild

3

(post deleted by author)

4

Thank you, I´ll go with 3 :ok_hand:

5

Hey @Perales!
When I’m doing a Phase 1 and the idea is still taking shape, I try not to get stuck designing everything upfront. I prefer to work feature by feature, get one important feature fully working (data → API → UI → workflows). I start with auth + permissions because those decisions affect everything.

My workflow is usually:

  • I start with the DB schema + tables and add some fake data for testing

  • Then I sketch the main page flows and figure out the endpoints I’ll need

  • After that I connect Xano in WeWeb and set up sign up / sign in pages

  • I put together a tiny design system with fonts, colors, spacing

  • Then I go page by page, setting the API endpoints, building the UI and workflows, and reusing/creating components wherever I can.

Also, definitely go through WeWeb Academy. The videos may look a bit different UI-wise, but the core concepts and best practices are still the same and it’ll save you a ton of time.

And if you like checklists take a look at this roadmap template.

Does that help?