BuildersDAO
Web Platform2023

BUILDERSDAO

Technical documentation and community hub serving 1,000+ blockchain developers.

1K+
Monthly developer visitors
2
Learning tracks (Subgraph · Substreams)
14
Next.js marketing major
SCROLL
Client
BuildersDAO
Domain
Web / Developer Education
Platform
Next.js
Duration
2023
Core Stack
Next.js · TypeScript
The Brief

THE
PROBLEM

BuildersDAO needed buildersdao.tech to sell serious Graph expertise and teach it — a cinematic landing that signals craft plus long-form Subgraph and Substreams curricula, chain glossaries, and SEO landing pages in one deployable property.

Next.js 14 hybrid: App Router for marketing, Pages Router for Nextra docs; Tailwind + Headless UI navigation, next-sitemap for crawl coverage, standalone output for container-friendly hosting.

Core Engineering Challenge

Blend a Three.js / React Three Fiber globe, Framer Motion, and tilt cards with Nextra 3 MDX docs, search, and nav without forking into two repos or breaking ISR/SSG assumptions.

2 tracks
Docs
1K+
Audience
Extended stack
frontend
Next.js
frontend
TypeScript
Community Platform
Community Platform
How we built it

THE ARCHITECTURE

01
Marketing layer

R3F globe, motion, and CTA funnels on App Router with optimized assets.

Three.jsNext.js
02
Docs platform

Nextra MDX, sidebar IA, and full-text feel for long tutorials.

NextraMDX
03
Shared design system

Tailwind tokens bridge landing and docs so the brand feels cohesive.

TailwindHeadless UI
04
SEO plumbing

next-sitemap, metadata API routes, and structured headings for discoverability.

SEONext.js
05
Deploy shape

Standalone output and Docker notes for consistent staging/prod.

DockerDevOps
System Data Flow
Ingestion
CrawlerContent Hash10K+ pages
Processing
ChunkerDeduplicatorEmbedding API
Storage
pgvectorPostgreSQLRedis Cache
Auth
Identity ProviderJWT BridgeSessions
Query
HNSW SearchRe-rankerLLM Stream
Delivery
Web AppMobile AppUsers
What we delivered

THE RESULTS

2 tracks

Parallel Subgraph and Substreams learning paths with shared chain glossaries — newcomers could start from zero while advanced readers jumped to module references without leaving the domain.

2 tracks
Docs

Parallel Subgraph and Substreams learning paths with shared chain glossaries — newcomers could start from zero while advanced readers jumped to module references without leaving the domain.

1K+
Audience

Developers hitting the portal monthly validated that the hybrid routing complexity paid off versus splitting marketing and docs across separate brands or subdomains with duplicated nav.

Engineering decisions

TECH
DEEP DIVE

HYB
Hybrid routers

Nextra still expects Pages Router; App Router unlocked modern marketing without rewriting all docs.

Framer Motion + R3F stayed isolated to the marketing bundle to protect docs JS weight.

NX
Nextra for MDX

Authoring speed for curriculum teams beat hand-rolling a custom docs stack.

Shared Tailwind theme prevented “two sites stitched” visual drift.

Next Case Study
Full-Stack
DWUL.NETBackend

Original childcare API

.NET CoreMySQLStripe
Start a project

LET'S
BUILD
SOMETHING.

We take on a small number of projects at a time. If the problem is hard, we're interested.

Email
hello@techmusketeers.com
Response time
Within 24 hours
Availability
Open for new projects · 2025