Skip to main content
This frontend connects to a Bun Hono backend and requires it to be running.

​
Overview

Bun Hono Frontend is a Next.js 15 application built with React 19 that provides a beautiful, responsive interface for scheduling messages to people. The application leverages the latest Next.js App Router features, React Server Actions, and a modern UI component library.

Quick Start

Get up and running in minutes

Installation Guide

Complete installation instructions

Architecture

Understand the application structure

API Reference

Explore server actions and components

​
Key Features

Message Scheduling

Schedule messages with customizable send delays

Person Management

Manage contacts with phone validation

Server Actions

Real-time updates with Next.js Server Actions

Modern UI

Beautiful components built with shadcn/ui

​
Tech Stack

This application is built with modern web technologies:
  • Next.js 15 with App Router for server-side rendering
  • React 19 for the UI layer
  • TypeScript for type safety
  • Tailwind CSS for styling
  • shadcn/ui components built on Radix UI primitives
  • Zod for form validation
  • React Server Actions for backend communication

​
Getting Started

1

Install dependencies

Clone the repository and install dependencies using your preferred package manager.
git clone https://github.com/anupom69/bun-hono-frontend-nextjs
cd bun-hono-frontend-nextjs
pnpm install
2

Configure environment

Create a .env file with your backend URL and credentials.
BACKEND_URL=http://localhost:3000
USERNAME=your-username
PASSWORD=your-password
3

Start the server

Run the development server and open your browser.
pnpm dev
Visit http://localhost:3001 to see the application.

​
Learn More

Core Concepts

Learn about the architecture and design patterns

Components

Explore the component library

Configuration

Configure your application

Build docs developers (and LLMs) love

Get started for freeTalk to us