kunalrathore.in
|

recon.io — Turborepo Next.js Starter

Full‑stack developerJune 2026 - ongoing
recon.io — Turborepo Next.js Starter:A TypeScript Turborepo starter with a Next.js App Router frontend, a small AI app entry, shared UI components, and a Drizzle-based database package.

  • Monorepo structured with Turborepo: root package.json, turbo.json and multiple workspace packages.
  • apps/web: Next.js frontend using the App Router (app/), next.config.ts, proxy.ts for request proxying and auth.ts for auth helpers.
  • packages/ui: small shared React component library (button, card, code components) consumed by the web app.
  • packages/database: Drizzle configuration and database code; .env.example provided for DB credentials.
  • apps/ai: lightweight AI app entrypoint included in the workspace for AI helpers or services.
  • Shared tooling packages: eslint-config, typescript-config, validation utilities and consistent tsconfigs across packages.
  • Styling/build pipeline configured with PostCSS; project includes bun.lock and supports common package managers.
  • Services:

    TypeScriptNext.jsReactTurborepoDrizzle ORMCSSBun

    Challenges:

    Designing a clear monorepo structure and type-safe sharing of components and database code across packages while keeping dev/build flows fast with Turborepo.

    What I learned:

    • How to structure a Turborepo monorepo with multiple apps and shared packages
    • Using Next.js App Router in a mono-repo context and wiring app-level proxy/auth helpers
    • Integrating Drizzle for database schema/queries inside a workspace package
    • Authoring a small reusable UI package and sharing tooling configs across packages
    • Setting up PostCSS and cross-package TypeScript configuration for consistent developer DX
    recon.io — Turborepo Next.js Starter
    0%