--- title: "Turborepo + Hono" description: "A Turborepo with Hono backend and Next.js frontend" url: "https://vercel.com/templates/hono/turborepo-with-hono" links: repository: "https://github.com/vercel/examples/tree/main/starter/turborepo-with-hono" demo: "https://turborepo-hono-web-demo.vercel.app/" deploy: "https://vercel.com/new/clone?demo-title=Turborepo+%2B+Hono&demo-description=A+Turborepo+with+Hono+backend+and+Next.js+frontend&demo-url=https%3A%2F%2Fturborepo-hono-web-demo.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F5squWzcIOar6TdtlMrsu3R%2F1126fdff7915e1563f036af7455af9d2%2FChangelog_Example_from_Figma__1_.png&project-name=Turborepo+%2B+Hono&repository-name=turborepo-with-hono&repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstarter%2Fturborepo-with-hono&from=templates&skippable-integrations=1&root-directory=apps%2Fapi&root-directories=List+of+directory+paths+for+the+directories+to+clone+into+projects&project-names=Comma+separated+list+of+project+names%2Cto+match+the+root-directories" --- # Turborepo + Hono A Turborepo with Hono backend and Next.js frontend # Turborepo + Hono starter ## What's inside? This Turborepo includes the following packages/apps: ### Apps and Packages - `api`: a [Hono](https://hono.dev/) app - `web`: another [Next.js](https://nextjs.org/) app - `@repo/ui`: a stub React component library shared by both `web` and `docs` applications - `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`) - `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo Each package/app is 100% [TypeScript](https://www.typescriptlang.org/). ### Utilities This Turborepo has some additional tools already setup for you: - [TypeScript](https://www.typescriptlang.org/) for static type checking - [ESLint](https://eslint.org/) for code linting - [Prettier](https://prettier.io) for code formatting ### Build To build all apps and packages, run the following command: ``` cd my-turborepo # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo build # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo build yarn dlx turbo build pnpm exec turbo build ``` You can build a specific package by using a [filter](https://turborepo.com/docs/crafting-your-repository/running-tasks#using-filters): ``` # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo build --filter=docs # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo build --filter=docs yarn exec turbo build --filter=docs pnpm exec turbo build --filter=docs ``` ### Develop To develop all apps and packages, run the following commands: ``` cd my-turborepo vc link --repo # Connect your repository to Vercel # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo dev # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo dev yarn exec turbo dev pnpm exec turbo dev ``` You can develop a specific package by using a [filter](https://turborepo.com/docs/crafting-your-repository/running-tasks#using-filters): ``` # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo dev --filter=web # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo dev --filter=web yarn exec turbo dev --filter=web pnpm exec turbo dev --filter=web ``` ### Remote Caching > [!TIP] > Vercel Remote Cache is free for all plans. Get started today at [vercel.com](https://vercel.com/signup?/signup?utm_source=remote-cache-sdk&utm_campaign=free_remote_cache). Turborepo can use a technique known as [Remote Caching](https://turborepo.com/docs/core-concepts/remote-caching) to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines. By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can [create one](https://vercel.com/signup?utm_source=turborepo-examples), then enter the following commands: ``` cd my-turborepo # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo login # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo login yarn exec turbo login pnpm exec turbo login ``` This will authenticate the Turborepo CLI with your [Vercel account](https://vercel.com/docs/concepts/personal-accounts/overview). Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your Turborepo: ``` # With [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation) installed (recommended) turbo link # Without [global `turbo`](https://turborepo.com/docs/getting-started/installation#global-installation), use your package manager npx turbo link yarn exec turbo link pnpm exec turbo link ``` ## Useful Links Learn more about the power of Turborepo: - [Tasks](https://turborepo.com/docs/crafting-your-repository/running-tasks) - [Caching](https://turborepo.com/docs/crafting-your-repository/caching) - [Remote Caching](https://turborepo.com/docs/core-concepts/remote-caching) - [Filtering](https://turborepo.com/docs/crafting-your-repository/running-tasks#using-filters) - [Configuration Options](https://turborepo.com/docs/reference/configuration) - [CLI Usage](https://turborepo.com/docs/reference/command-line-reference) ## Related Templates ### [Hono on Vercel](https://vercel.com/templates/hono/hono-on-vercel) Deploying an API on Vercel with Hono. ### [Monorepo with Turborepo](https://vercel.com/templates/next.js/monorepo-turborepo) Learn to implement a monorepo with a two Next.js sites that has installed three local packages. --- ## Additional documentation The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.