🎉 The Architech v1.0 is now available. Read more →
Modules Catalog

Modules Catalog

Complete reference of all adapters, connectors, and features available in The Architech marketplace.

Adapters (27)

Raw materials - Pure, isolated technology installations.

Module IDNameDescriptionCategory
framework/nextjsNext.jsThe React Framework for ProductionFramework
framework/reactReactReact library for building user interfacesFramework
framework/expoExpoReact Native FrameworkFramework
framework/react-nativeReact NativeFramework for building native appsFramework
database/drizzleDrizzle ORMTypeScript ORM for SQL databasesDatabase
database/prismaPrismaNext-generation Node.js and TypeScript ORMDatabase
database/typeormTypeORMORM for TypeScript and JavaScriptDatabase
database/sequelizeSequelizePromise-based Node.js ORMDatabase
ui/shadcn-uiShadcn UIBeautifully designed componentsUI
ui/tailwindTailwind CSSUtility-first CSS frameworkUI
auth/better-authBetter AuthModern authentication for TypeScriptAuth
payment/stripeStripeComplete payment infrastructurePayment
email/resendResendEmail API for developersEmail
ai/vercel-ai-sdkVercel AI SDKBuild AI-powered applicationsAI
blockchain/web3Web3.jsEthereum JavaScript APIBlockchain
state/zustandZustandSmall, fast state managementState
data-fetching/tanstack-queryTanStack QueryPowerful async state managementData Fetching
testing/vitestVitestBlazing fast unit test frameworkTesting
quality/eslintESLintPluggable linting utilityQuality
quality/prettierPrettierOpinionated code formatterQuality
observability/sentrySentryError tracking and monitoringObservability
deployment/dockerDockerContainerization platformDeployment
deployment/vercelVercelDeploy and scale automaticallyDeployment
content/next-intlnext-intlInternationalization for Next.jsContent
services/github-apiGitHub APIGitHub REST API integrationServices
core/dependenciesDependency ManagerPackage installation and managementCore
core/formsForms SetupReact Hook Form + Zod configurationCore
core/gitGit SetupGit repository initializationCore

Note: Each adapter installs exactly one technology with zero coupling to other adapters.

Connectors (11)

Assembly lines - Bridge technologies and expose Golden Core APIs.

Module IDNameConnectsProvides
connectors/drizzle-nextjsDrizzle-Next.js BridgeDrizzle + Next.jsAPI routes, TanStack Query hooks
connectors/tanstack-query-nextjsTanStack Query SetupTanStack Query + Next.jsQuery client, providers, SSR
connectors/zustand-nextjsZustand SetupZustand + Next.jsStore configuration, middleware
connectors/better-auth-githubGitHub OAuthBetter Auth + GitHubOAuth flow, callback routes
connectors/sentry-nextjsSentry-Next.jsSentry + Next.jsError tracking, performance monitoring
connectors/vitest-nextjsVitest-Next.jsVitest + Next.jsTest setup, Next.js compatibility
connectors/rhf-zod-shadcnForm ComponentsRHF + Zod + shadcn/uiForm components, validation
connectors/docker-nextjsDocker-Next.jsDocker + Next.jsDockerfile, docker-compose
connectors/docker-drizzleDocker-DrizzleDocker + DrizzleDatabase containers, migrations
connectors/stripe/nextjs-drizzleStripe Full StackStripe + Next.js + DrizzlePayment webhooks, subscriptions

Note: Each connector bridges 2+ technologies and generates Golden Core API wrappers.

Features (19)

Finished products - Complete business capabilities with headless logic + UI implementations.

Authentication & User Management

Feature IDNameImplementationsDescription
features/authAuthenticationBackend: better-auth-nextjs
Frontend: shadcn
Tech Stack: types, stores		Complete auth system with session management, OAuth, 2FA
features/social-profileSocial ProfilesFrontend: shadcnUser profiles with bio, avatar, social links

Team Collaboration

Feature IDNameImplementationsDescription
features/teams-managementTeams ManagementBackend: better-auth-nextjs
Frontend: shadcn
Tech Stack: types, schemas, stores		Create teams, invite members, manage roles and permissions
features/project-managementProject ManagementFrontend: shadcn
Tech Stack: types, stores		Project tracking, tasks, kanban boards

AI & Machine Learning

Feature IDNameImplementationsDescription
features/ai-chatAI ChatBackend: vercel-ai-nextjs
Frontend: shadcn
Tech Stack: types, schemas, stores		Conversational AI with streaming responses

Payments & Commerce

Feature IDNameImplementationsDescription
features/paymentsPayment ProcessingBackend: stripe-nextjs
Frontend: shadcn
Tech Stack: types, schemas, stores		Stripe integration with checkout, subscriptions, invoices

Communication

Feature IDNameImplementationsDescription
features/emailingEmail SystemBackend: resend-nextjs
Frontend: shadcn
Tech Stack: types, schemas, stores		Transactional emails with templates
features/email/react-email-templatesEmail TemplatesTemplates: React EmailBeautiful email templates

Monitoring & Analytics

Feature IDNameImplementationsDescription
features/monitoringApplication MonitoringFrontend: shadcn
Tech Stack: types, schemas, stores		Error tracking, performance metrics, user feedback
features/observability/sentry-shadcnSentry IntegrationFrontend: shadcnSentry dashboards and error tracking UI

Developer Tools

Feature IDNameImplementationsDescription
features/architech-welcomeWelcome ScreenFrontend: shadcnProject overview and quick start guide
features/graph-visualizerGraph VisualizerFrontend: shadcnVisualize module dependencies
features/repo-analyzerRepository AnalyzerFrontend: shadcnAnalyze codebase structure and metrics

Blockchain & Web3

Feature IDNameImplementationsDescription
features/web3Web3 IntegrationFrontend: shadcnEthereum wallet connection and transactions

Note: Features use the Headless Logic + UI pattern. Each has:

  • Tech Stack - Types, schemas, stores (headless)
  • Backend - API routes and server logic (if needed)
  • Frontend - UI components (can swap for different UI libraries)

Module Selection Guide

By Use Case

Building a SaaS?

  • Adapters: framework/nextjs, database/drizzle, auth/better-auth, payment/stripe
  • Connectors: drizzle-nextjs, tanstack-query-nextjs, better-auth-github
  • Features: auth, teams-management, payments

Building a Blog?

  • Adapters: framework/nextjs, content/next-intl, ui/shadcn-ui
  • Features: architech-welcome

Building an AI App?

  • Adapters: framework/nextjs, database/drizzle, ai/vercel-ai-sdk
  • Connectors: drizzle-nextjs, tanstack-query-nextjs
  • Features: ai-chat

Building a Web3 DApp?

  • Adapters: framework/nextjs, blockchain/web3, ui/shadcn-ui
  • Features: web3

Installation

Install Individual Modules

# Adapters
architech add adapter framework/nextjs
architech add adapter database/drizzle
 
# Connectors
architech add connector drizzle-nextjs
 
# Features
architech add feature auth --backend better-auth --frontend shadcn

Use Genomes (Pre-Configured Bundles)

# Complete starter kits
architech new my-app --genome hello-world      # Minimal
architech new my-saas --genome saas-starter    # Full SaaS
architech new my-blog --genome blog            # Content site
architech new my-ai-app --genome ai-app        # AI-powered

See all genomes: Genome Catalog →

Next Steps

Genomes CatalogQuick Start (30 Minutes)