Roadmap
What we’re building
Section titled “What we’re building”DevBlog is not a standalone tutorial. It is project #2 of the seven-project Real-World Projects series — a sequence where each project is a complete, deployable application that adapts several Learn Hub courses into one realistic build. This lesson places DevBlog in that series so you know what came before and what comes next.
Individual courses teach one thing well — a course on GraphQL, a course on Next.js, a course on MongoDB. Real applications need several of those at once, wired together with the trade-offs and glue that no single course covers. The Real-World Projects series exists to bridge that gap: each project takes a set of course topics and forces you to combine them into something that actually runs and deploys. Seeing the whole series also shows you that the skills compound — auth from one project, containers from another, testing throughout.
Set it up
Section titled “Set it up”The series is seven projects, numbered in order — and all seven are live. DevBlog — this one — is project #2.
1 · TaskFlow ✅ live. A realtime Kanban board. Backend in Rust/Axum with PostgreSQL and Redis, a WebSocket realtime layer, an Astro/Preact front end, and Docker Compose. It adapts the Rust, PostgreSQL, Redis, Astro, and Docker courses, and establishes the baseline patterns — auth, testing, containers — that the later projects build on.
2 · DevBlog ← you are here. A headless CMS and public blog. Node/NestJS with code-first GraphQL over MongoDB, and a Next.js App Router front end doing SSR/ISR for the public site plus an authenticated admin dashboard. It adapts the Node, MongoDB, GraphQL, Next.js/React, and Docker courses, and introduces document data modelling, a typed GraphQL contract, and content/moderation workflows.
3 · ShopMicro ✅ live. An e-commerce backend built as microservices. Go services communicating over gRPC, coordinating an order flow through Kafka and RabbitMQ with a saga and the outbox pattern, each with its own PostgreSQL, deployed to Kubernetes with Helm. It adapts the Go, gRPC, Microservices, Kafka, RabbitMQ, and Kubernetes courses, and introduces service decomposition, inter-service communication, and eventual consistency.
4 · FitTrack ✅ live. A mobile-first fitness app. A Flutter mobile client and a Svelte web companion against one Python/FastAPI backend on Supabase. It adapts the Python, Supabase, Flutter, and Svelte courses, and introduces building one product for two clients on a shared backend.
5 · Mosaic ✅ live. A micro-frontend storefront. A React shell composes React, Svelte, and Astro remotes at runtime with Module Federation 2.0, Web Components are the universal boundary between frameworks, and each slice has a thin Hono BFF. It adapts the React, Svelte, Astro, and Web Components courses, and introduces a shared design system, cross-slice communication, host-owned routing, resilience when a remote is down, and per-slice deployment — where ShopMicro split a backend into independent services, Mosaic splits a frontend into independent apps.
6 · OfflineNotes ✅ live. An offline-first PWA. A TypeScript client built from Web Components that stores notes in IndexedDB, merges edits with a Rust→WASM CRDT, and syncs conflict-free when connectivity returns, shipped on Astro. It adapts the TypeScript, Web Components, Browser Storage, PWA, and WebAssembly courses, and introduces conflict resolution, background sync, and local-first architecture.
7 · CloudDeploy ✅ live. The capstone: taking an application all the way to production. Infrastructure as Code with Terraform and Terragrunt across AWS, GCP, and Azure, Kubernetes, CI/CD, Datadog observability, Keycloak auth, and GrowthBook feature flags. It adapts the Terraform, Kubernetes, Datadog, Keycloak, and GrowthBook courses, and ties the series together by deploying ShopMicro’s Helm chart for real.
Verify
Section titled “Verify”You are oriented if you can place DevBlog correctly:
- What number is DevBlog in the series? #2.
- What came before it, and is it done? TaskFlow, and yes — it is already live.
- What is the one-line difference between TaskFlow and DevBlog? TaskFlow is Rust + REST/WebSocket + PostgreSQL + Astro; DevBlog is Node + GraphQL + MongoDB + Next.js.
The Real-World Projects series runs TaskFlow → DevBlog → ShopMicro → FitTrack → Mosaic → OfflineNotes → CloudDeploy. TaskFlow (Rust, PostgreSQL, Astro) is live; DevBlog (GraphQL, MongoDB, Next.js) is the focus of this course. The later projects add microservices, mobile, micro-frontends, offline-first, and cloud deployment — and all seven are live. With the mental model, architecture, tools, and roadmap in place, you are ready to start building.
Next: Setup & Tooling →