architect-frameworks-hub
Seven architecture frameworks in one fast reference — no 200-page PDF required
git clone https://github.com/fernandofatech/ref-architect-frameworks-hub.gitListen to guide
generated on playGenerated only on first play
Powered by Amazon Polly + OmniVoice
A Next.js 16 reference hub that condenses AWS Well-Architected, TOGAF ADM, C4, ArchiMate, DDD, 12-Factor and Cynefin to the level of detail an architecture conversation needs — and nothing beyond that.
Why it exists
After 16 years designing platforms on AWS, the question that burned the most meeting time was never "which framework should we use?" — it was "what exactly does this framework say about our case?". Well-Architected has six pillars, each with dozens of review questions; TOGAF ADM has eight phases, A through H, each with its own deliverables; C4 fits in four levels, yet half the meetings confuse a C4 Container with a Docker container. Every time a decision required comparing two of them, someone reopened the 200-page PDF.
This repository is the reference I wish I had: a static, fast site that condenses each framework — phases, pillars, layers, checklist — with pointers to the official source when the detail matters. It does not replace the original material. It replaces the time lost digging through it.
What it is not: it is not a course, not a certification prep, and not a ranking of which framework is "best". Frameworks are tools, not religion. The hub exists so you can pick the right tool for the context and explain the trade-off to whoever decides, without going back to chapter 12.
What is covered
How it is built
The app lives in the frontend/ directory: Next.js 16 with the App Router, React 19, TypeScript 5 and Tailwind CSS 4. The framework content is the part that matters; the stack only has to deliver it fast and with no operational cost. That is why the site is static, hosted on Vercel, with DNS on Cloudflare. No database, no API, no server state. The monthly cost of keeping it up is zero — and it is the cost of maintaining, not building, that decides whether a reference project survives past its first year.
Three GitHub Actions workflows guard the repository — CI, Frontend and Security — and the badges at the top of the README reflect the current state of each. The rule that applies to every contribution: if npm run build fails in CI, the change does not land, however correct the prose is.
Operational docs: docs/architecture.md describes the project structure; OPERATIONS.md and SETUP.md cover configuring and operating the site (domain, deploy); CONTRIBUTING.md explains how to propose content changes — the most useful kind of contribution here. MIT licensed.
How the hub reaches the reader
Static site: the reader comes in through Cloudflare DNS and receives pre-rendered pages from Vercel; contributions go through the workflows before becoming a deploy.
- frameworks.moretes.com · DNS
- Next.js 16 · App Router · React 19
- 7 páginas de framework · estáticas · Tailwind 4
- ref-architect-frameworks-hub · frontend/
- CI · typecheck + build
- Security · varredura
- Frontend · deploy
Run locally and contribute
- 1
Clone the repository
git clone https://github.com/fernandofatech/ref-architect-frameworks-hub.git. All site code lives infrontend/; the root holds the operational docs and workflows. - 2
Install dependencies
cd frontend && npm install. Requires a Node.js version compatible with Next.js 16 — use the current LTS. No environment variable is required for development: the site calls no external service. - 3
Start the dev server
npm run devand openhttp://localhost:3000. Each framework has its own page; edit the content and hot reload shows the change without a restart. - 4
Prove the build before opening a PR
npm run buildruns the same thing the CI workflow does. If it passes locally, it passes in Actions. ReadCONTRIBUTING.mdfirst: content changes must cite the framework's official source — a reference without a source is the worst possible defect on a reference page. - 5
Deploy is automatic
Merging to
maintriggers the Frontend workflow and Vercel publishes.SETUP.mdandOPERATIONS.mddescribe what to do if you want to host your own copy, including domain and DNS.
git clone https://github.com/fernandofatech/ref-architect-frameworks-hub.git
cd ref-architect-frameworks-hub/frontend
npm install
npm run dev
# http://localhost:3000
# antes de abrir PR — o mesmo que o CI roda
npm run buildHow I use it in practice
The hub's value is in crossing the frameworks, not in reading each one in isolation. The sequence I follow when a new problem lands:
Classify with Cynefin before picking a method: an event pipeline with known business rules is a complicated domain — analysis and good practice apply. A new product with no users yet is complex — experiments apply, not an eight-phase plan.
TOGAF ADM when the change crosses the organization: phases A through H make sense for a transformation with several business areas, executive sponsorship and a multi-year horizon. For a single service, the ADM is dead weight.
C4 to communicate, ArchiMate to govern: C4 in four levels is what fits in a 30-minute meeting with engineering. ArchiMate, with its three layers, is what an enterprise architecture office can keep as a living repository.
DDD when the domain model is the risk: bounded contexts and ubiquitous language solve the problem of two teams meaning different things by "customer". If the domain is CRUD, DDD is ceremony.
Well-Architected and 12-Factor as the review checklist: the six pillars for the AWS workload, the twelve factors for the service headed to a container. Those are the two I open every time before something goes to production.
The most expensive mistake isn't picking the wrong framework
It is applying a whole one where half a page would do. TOGAF ADM on a five-person team costs two sprints of documentation nobody will read; skipping Well-Architected because "it's just an MVP" costs the security review that shows up six months later, already in production. The hub is short on purpose: use the summary to decide the depth, and only then open the official source.
Frequently asked questions
Do I need an AWS account or any credential to run it?
No. The site is static and calls no external service in development or production. npm install and npm run dev are the entire setup.
Does this replace the official material or a certification?
No, and it does not try to. Each section points to the official source. The hub solves the problem of recalling the structure and comparing frameworks in minutes — the normative detail stays in the original document.
Can I propose another framework?
Yes, via PR following CONTRIBUTING.md. The criterion I apply: the framework has to show up in real architecture decisions, have a stable official source, and fit the same summary-plus-pointers format. Without all three, it becomes noise in the navigation.
Why Next.js for a site with no back-end?
Because it is the same stack as the rest of the portfolio — the cost of maintaining a second build tool for years outweighs the gain of a lighter generator. Pages are static on Vercel; the framework only participates at build time.
References
Who it is for
Use this hub when you need to compare two or more frameworks within the same decision, explain a trade-off to someone who will not read the PDF, or review a workload before production with a checklist that fits on one screen. It serves solution architects, tech leads and engineers who make structural decisions without an enterprise architecture office behind them. It does not serve certification study, nor anyone who needs the normative text — for that, follow the pointers to the source. If your team uses a single framework and knows it by heart, the hub adds nothing; if it alternates between three or four depending on context, it saves the afternoon you would spend reopening each one.
Architecture, AWS, AI and market deep dives — straight to your inbox. Free.
No spam · unsubscribe anytime