AstroStack (Astro, Payload CMS, and Tailwind CSS)

Bundled together in a monorepo using Turbo and pnpm.

.github
  └─ workflows
        └─ CI with pnpm cache setup
apps
  ├─ web (Astro)
  |   ├─ Astro v4
  |   ├─ Tailwind CSS
  |   └─ Payload CMS Local API
  |─ cms (Payload CMS)
  |   └─ Payload CMS v2
  └─ server (Express)
      ├─ Imports Astro as middleware
      └─ Imports Payload CMS as middleware

Apps and Packages

• web: Astro app with Tailwind CSS
• cms: Payload CMS
• server: Express server
• eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier) ESLint, Prettier
• typescript-config: tsconfig.jsons used throughout the monorepo TypeScriptde formatting

Build

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

pnpm build

Develop

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

pnpm dev

Deploy

When deploying, you can use the --conditions flag to serve the compiled dist directory.

node --conditions=serve dist/index.js

Useful Links

Learn more about the power of Turborepo:

• Tasks
• Caching
• Remote Caching
• Filtering
• Configuration Options
• CLI Usage