Vaella

The official monorepo for the Vaella project.

NOTE This repo is a WIP & subject to change.

It is built with:

• CloudFlare D1
• CloudFlare Workers
• Hono
• GraphQL Yoga
• Next.js 14 App Dir.
• Shadcn
• Tailwind
• Resend

Apps and Packages

• api: Cloudflare Workers, Hono, GraphQL Yoga api.
• docs: Scaffolded Next.js app (not used.)
• web: Vaella web app built with Next.js.
• @repo/ui: a stub React component library shared by both web and docs applications (not used.)
• @repo/transactional: Email components with Resend
• @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier).
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo.

Each package/app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Develop

To develop all apps and packages, you need a few environment variables.

Develop app/api

Run the following command:

cp dev.vars.example dev.vars

And follow this guide to create a D1 Database

Develop app/web

Run the following command:

cp .env.example .env.local

And follow the Resend guide to generate an API Key

Finally, run the following command:

cd my-turborepo
pnpm dev

Build

To build all apps and packages, run the following command:

cd my-turborepo
pnpm build