---
title: "Hono and Next.js Starter"
description: "This template integrates Hono with Next.js"
url: "https://vercel.com/templates/hono/hono-nextjs"
links:
  repository: "https://github.com/vercel/hono-nextjs"
  demo: "https://hono-nextjs-lvah.vercel.sh/"
  deploy: "https://vercel.com/new/clone?demo-title=Hono+and+Next.js+Starter&demo-description=This+template+integrates+Hono+with+Next.js&demo-url=https%3A%2F%2Fhono-nextjs-lvah.vercel.sh%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F26SNCFKLsccb4PZrAhEUKv%2F4f7f7cb92a3c1a02241717ff6c1c59ca%2FScreenshot_2024-06-07_at_12.00.58_PM.png&project-name=Hono+and+Next.js+Starter&repository-name=hono-nextjs&repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fhono-nextjs&from=templates&skippable-integrations=1"
---

# Hono and Next.js Starter

This template integrates Hono with Next.js

This is a [honojs/hono](https://hono.dev/) + [Next.js](https://nextjs.org/) project forked from [templates](https://github.com/honojs/starter/tree/main/templates/nextjs) and updated to use Nextjs' App Router.

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the API by modifying `app/api/[...route]/route.tsx` and learn more by taking a look to the [API documentation](https://hono.dev/api/hono).

## Learn More

To learn more about Hono and Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Hono + Next.js app is to use the [Vercel Platform](https://vercel.com/templates?search=hono) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## Related Templates

### [Shooketh – AI bot fine-tuned on Shakespeare](https://vercel.com/templates/next.js/shooketh)

An AI bot built with the Vercel AI SDK, OpenAI gpt-4o mini, and fine-tuned on Shakespeare's literary works

### [Ably and Next.js Starter Kit](https://vercel.com/templates/next.js/ably-nextjs-starter-kit)

Ably + Next.js starter for serverless WebSocket, real-time notifications, activity streams, chat, collaborative multiplayer experiences etc.

---

## 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.