Skip to main content

tupynambalucas.dev Monorepo

This repository is a monorepo containing a developer profile stats generator, personal website/hub, developer tools, design tokens, and documentation.

1. Product Overview & Value Proposition​

The monorepo coordinates the developer's personal website (hub), automated stats visualizations (profile), design systems (studio), AI processing hub (cortex), and automation tools (tools).

The primary customer-facing application is the Developer Hub (@tupynambalucas-hub/*):

For VisitorsFor the Developer (Admin)
Portfolio: View projects, code architectures, and highlights.Blog Publishing: Publish technical articles and case studies.
Contact Form: Securely submit messages or consulting queries.Lead Collection: Manage submissions and dashboard data.
Services Catalog: Request custom software development services.Profile Automation: Automatically update GitHub metrics via Zig.

2. Operational Flow​

The portfolio website and stats generator operate on a streamlined workflow:

  1. Portfolio Presentation: Visitors explore the frontend @tupynambalucas-hub/web, consuming blog posts and project highlights served by @tupynambalucas-hub/api.
  2. Contact Submission: Form inputs are validated via Turnstile anti-spam keys, serialized using Zod schemas from @tupynambalucas-hub/core, and persisted to a MongoDB instance.
  3. Profile Statistics Generation: The @tupynambalucas/profile workspace compiles GitHub metrics using a native Zig CLI and dynamically overwrites the root README.md file.

3. Hosting & Deployment Strategy​

The monorepo uses Cloudflare and standard VPS environments for zero-maintenance and high-performance operation.

Infrastructure & Hosting​

  • Cloudflare Pages: The Docusaurus documentation hub (docs/) and the developer React SPA frontend (hub/services/web) are deployed to Cloudflare Pages for optimized CDN delivery.
  • Hetzner Cloud VPS / Linux VPS: The backend Fastify REST API (hub/services/api) and MongoDB/Redis compose stacks run on a lightweight VPS instance.
  • DNS & SSL: DNS routing and proxy protection are handled globally through Cloudflare.

4. Architecture & Monorepo Workspaces​

We use PNPM Workspaces with a Context-Driven Root layout to isolate our domains.

For a comprehensive breakdown of our context philosophy, directory structure, and application roles, please read our dedicated architectural guides:

5. Standalone Workspaces​

Our priority is the deployment and maintenance of:

  • @tupynambalucas-hub/*: Personal React/Fastify hub.
  • @tupynambalucas/profile: Zig-based GitHub profile stats compiler.

6. Quick Start​

Ensure you have Node.js 22+, PNPM 11+, Zig, and Docker installed.

  1. Install Dependencies:

    pnpm install

  2. Set Up Environment Files: Each workspace and service has its own environment file. Copy the example templates and add your local parameters:

    # Hub configuration
    cp hub/infrastructure/docker/.env.example hub/infrastructure/docker/.env.dev

  3. Start Local Infrastructure & Applications: We provide unified orchestration scripts via Turborepo to spin up Docker containers and local dev servers simultaneously. See MONOREPO.readme.md or the Command Reference for details on running pnpm hub:dev.

7. Diátaxis Framework​

A systematic approach to technical documentation authoring.

Diátaxis is a way of thinking about and doing documentation.

It prescribes approaches to content, architecture and form that emerge from a systematic approach to understanding the needs of documentation users.

Diátaxis identifies four distinct needs, and four corresponding forms of documentation - tutorials, how-to guides, technical reference and explanation. It places them in a systematic relationship, and proposes that documentation should itself be organised around the structures of those needs.

Diátaxis solves problems related to documentation content (what to write), style (how to write it) and architecture (how to organise it).

As well as serving the users of documentation, Diátaxis has value for documentation creators and maintainers. It is light-weight, easy to grasp and straightforward to apply. It doesn’t impose implementation constraints. It brings an active principle of quality to documentation that helps maintainers think effectively about their own work.

Getting Started​

The best way to get started with Diátaxis is by applying it after reading a brief primer.

Practical Application​

These pages will help make immediate, concrete sense of the approach.

Understanding Diátaxis​

This section explores the theory and principles of Diátaxis more deeply, and sets forth the understanding of needs that underpin it.

Diátaxis is proven in practice. Its principles have been adopted successfully in hundreds of documentation projects.

Testimonial

Diátaxis has allowed us to build a high-quality set of internal documentation that our users love, and our contributors love adding to.

—Greg Frileux, Vonage

Testimonial

At Gatsby we recently reorganized our open-source documentation, and the Diátaxis framework was our go-to resource throughout the project. The four quadrants helped us prioritize the user’s goal for each type of documentation. By restructuring our documentation around the Diátaxis framework, we made it easier for users to discover the resources that they need when they need them.

— Megan Sullivan

Testimonial

While redesigning the Cloudflare developer docs, Diátaxis became our north star for information architecture. When we weren’t sure where a new piece of content should fit in, we’d consult the framework. Our documentation is now clearer than it’s ever been, both for readers and contributors.

— Adam Schwartz