Hands-on Backend using Hono

❯ pnpm create hono hono
.../Library/pnpm/store/v3/tmp/dlx-30573  | Progress: resolved 1,.../Library/pnpm/store/v3/tmp/dlx-30573  |   +1 +
.../Library/pnpm/store/v3/tmp/dlx-30573  | Progress: resolved 1,.../Library/pnpm/store/v3/tmp/dlx-30573  | Progress: resolved 1, reused 0, downloaded 1, added 1, done
create-hono version 0.9.2
✔ Using target directory … my-app
? Which template do you want to use? nodejs
✔ Cloning the template
? Do you want to install project dependencies? yes
? Which package manager do you want to use? pnpm
✔ Installing project dependencies
🎉 Copied project files

.
├── flake.lock
├── flake.nix
├── global.d.ts
├── package.json
├── pnpm-lock.yaml
├── README.md
├── src
│  └── index.ts
└── tsconfig.json`

pnpm run dev

import { serve } from "@hono/node-server";
import { Hono } from "hono";

const app = new Hono();

app.get("/", (c) => {
  return c.text("Hello Hono!");
});

app.get("/healthz", (c) => c.text("Ok"));

const port = 3333;
console.log(`Server is running on port ${port}`);

serve({
  fetch: app.fetch,
  port,
});

.
├── flake.lock
├── flake.nix
├── global.d.ts
├── package.json
├── pnpm-lock.yaml
├── README.md
├── src
│  └── index.ts
├── tsconfig.json
└── uploads

import { serve } from "@hono/node-server";
import { Hono } from "hono";
import { writeFile } from "node:fs/promises";
import path from "node:path";

const app = new Hono();

app.get("/", (c) => {
  return c.text("Hello Hono!");
});

app.get("/healthz", (c) => c.text("Ok"));

app.post("/uploads", async (c) => {
  const body = await c.req.parseBody();
  const file = body.file; // string | File
  if (file instanceof File) {
    const folder = "./uploads";
    const fullPath = path.join(folder, file.name);
    const arrBuf = await file.arrayBuffer();
    const buf = Buffer.from(arrBuf);
    writeFile(fullPath, buf);
    return c.text("upload ok");
  }
  c.status(400);
  return c.text("file missing");
});

const port = 3333;
console.log(`Server is running on port ${port}`);

serve({
  fetch: app.fetch,
  port,
});

.
├── flake.lock
├── flake.nix
├── global.d.ts
├── package.json
├── pnpm-lock.yaml
├── README.md
├── src
│  └── index.ts
├── tsconfig.json
└── uploads
   └── AR3_5771_1-Edit-Edit.jpg

import { serveStatic } from "@hono/node-server/serve-static";

app.get(
  "/static/*",
  serveStatic({
    root: "./",
    rewriteRequestPath: (path) => path.replace(/^\/static/, "/uploads"),
  }),
);

docker init

❯ docker init

Welcome to the Docker Init CLI!

This utility will walk you through creating the following files with sensible defaults for your project:
  - .dockerignore
  - Dockerfile
  - compose.yaml

Let's get started!

? What application platform does your project use? Node
? What version of Node do you want to use? 22.2.0
? Which package manager do you want to use? pnpm
? What version of pnpm do you want to use? 8.15.5
? What command do you want to use to start the app? npm run start
? What port does your server listen on? 3333

CREATED: .dockerignore
CREATED: Dockerfile
CREATED: compose.yaml

✔ Your Docker files are ready!

Take a moment to review them and tailor them to your application.

When you're ready, start your application by running: docker compose up --build

Your application will be available at http://localhost:3333

.
├── .dockerignore
├── .envrc
├── .gitignore
├── compose.yaml
├── Dockerfile
├── flake.lock
├── flake.nix
├── global.d.ts
├── package.json
├── pnpm-lock.yaml
├── README.md
├── src
│  └── index.ts
├── tsconfig.json
└── uploads
   └── AR3_5771_1-Edit-Edit.jpg

❯ pnpm add -D typescript
Already up to date
Progress: resolved 33, reused 11, downloaded 0, added 0, done

dependencies:
- typescript ^5.5.2

devDependencies:
+ typescript ^5.5.2

Done in 495ms

docker build -t hono .

❯ docker build -t hono .
[+] Building 6.7s (22/22) FINISHED              docker:orbstack
 => [internal] load build definition from Dockerfile       0.1s
 => => transferring dockerfile: 916B                       0.0s
 => resolve image config for docker-image://docker.io/doc  2.3s
 => [auth] docker/dockerfile:pull token for registry-1.do  0.0s
 => CACHED docker-image://docker.io/docker/dockerfile:1@s  0.0s
 => [internal] load metadata for docker.io/library/node:2  2.4s
 => [auth] library/node:pull token for registry-1.docker.  0.0s
 => [internal] load .dockerignore                          0.1s
 => => transferring context: 672B                          0.0s
 => [build 1/6] FROM docker.io/library/node:22.2.0-alpine  0.0s
 => [internal] load build context                          0.1s
 => => transferring context: 550B                          0.0s
 => CACHED [runner 2/8] WORKDIR /app                       0.0s
 => [runner 3/8] RUN mkdir -p ./uploads                    0.3s
 => CACHED [build 2/6] RUN --mount=type=cache,target=/roo  0.0s
 => CACHED [build 3/6] WORKDIR /app                        0.0s
 => CACHED [build 4/6] RUN --mount=type=bind,source=packa  0.0s
 => CACHED [build 5/6] COPY . .                            0.0s
 => CACHED [build 6/6] RUN pnpm run build && pnpm prune -  0.0s
 => [runner 4/8] RUN chown -R node ./uploads               0.3s
 => [runner 5/8] RUN chmod 700 ./uploads                   0.3s
 => [runner 6/8] COPY --from=build  /app/dist ./dist       0.1s
 => [runner 7/8] COPY --from=build  /app/node_modules ./n  0.2s
 => [runner 8/8] COPY --from=build  /app/package.json ./p  0.1s
 => exporting to image                                     0.3s
 => => exporting layers                                    0.2s
 => => writing image sha256:05d88658b6d798e9e18fac006f8ee  0.0s
 => => naming to docker.io/library/hono                    0.0s

docker run -p 3333:3333 --name hono -d hono

app.get("/users", (c) =>
  c.json(
    // return users
    {
      users: [
        {
          name: "John",
          age: 41,
        },
        {
          name: "Joceph",
          age: 62,
        },
      ],
    },
    200, // status code
  ),
);