Next.js Multi Zones Demo

An example of a Next.js Multi Zones site in a monorepo using TurboRepo to concurrently build and run. Includes custom Link component to strip basePath from hrefs that may come from shared sources.

Requirements

• Node.js >=12
• Yarn 1 (for monorepo workspace support)

This uses Next.js v.10 to test backward-compatibility.

Installation

yarn

Development

Using Next.js's rewrites and internal proxy:

yarn dev

This runs the root dev script ($ yarn turbo run dev) which will start and concurrently run all apps and libraries in dev/watch mode.

Using a Node.js proxy wrapper app:

yarn dev:proxy

Visit http://localhost:3000

Build

yarn build

To Do

• Provide custom Router and useRouter to handle stripping of basePath from shared links.
• *See various TODOs in code