Skip to main content
Deno 2 is finally here 🎉️
Learn more

logo

NHttp

An Simple web-framework for Deno and Friends.

ci coverage codefactor denoland deps size size licence prs nestland


Features

  • Focus on simple and easy to use.
  • Fast Performance. One of the fastest Frameworks.
  • Cross runtime support (Deno, Node, Bun, etc).
  • Low overhead & True handlers (no caching anything).
  • Built-in Middleware.
  • Sub router support.
  • Template engine support (jsx, ejs, nunjucks, eta, pug, ..etc).
  • Return directly on handlers.
  • Auto parses the body (json / urlencoded / multipart / raw).

See Examples

Installation

deno.land

import nhttp from "https://deno.land/x/nhttp@1.2.19/mod.ts";

deno-npm

import nhttp from "npm:nhttp-land@1.2.19";

npm/yarn

npm i nhttp-land

// or

yarn add nhttp-land
// module
import nhttp from "nhttp-land";

// commonjs
const nhttp = require("nhttp-land").default;

Usage

import nhttp from "https://deno.land/x/nhttp@1.2.19/mod.ts";

const app = nhttp();

app.get("/", () => {
  return "Hello, World";
});

app.get("/cat", () => {
  return { name: "cat" };
});

app.listen(8000, () => {
  console.log("> Running on port 8000");
});

Return direcly supported => Response | String | JSON | Number | ReadableStream | Uint8Array | Blob | null

Return directly support promise (async/await).

app.get("/cat", async () => {
  return await Promise.resolve("hello");
});

Run

deno run -A myapp.ts

Deno Flash

requires --unstable flags.

const app = nhttp({ flash: true });

Middleware

const app = nhttp();

app.use((rev, next) => {
  rev.foo = "bar";
  return next();
});

app.get("/", ({ foo }) => foo);

All Route built-in middleware.

const app = nhttp();

type Foo = { count: number };

app.get<Foo>("/foo", (rev, next) => {
  rev.count = 0;
  return next();
});
app.get<Foo>("/foo", (rev, next) => {
  rev.count++;
  return next();
});
app.get<Foo>("/foo", (rev, next) => {
  rev.count++;
  return next();
});
app.get<Foo>("/foo", (rev) => rev.count);

// GET/foo => 2

Body Parser

Support json / urlencoded / multipart / raw.

note: nhttp automatically parses the body.

const app = nhttp();

// if you want disable bodyParser
// const app = nhttp({ bodyParser: false });

app.post("/save", (rev) => {
  console.log(rev.body);
  return "success save";
});

// inline bodyParser
// app.post("/save", bodyParser(), (rev) => {...});

Other Runtime (Node / Bun)

for nodejs, requires v18.0.0 or higher. cause it uses Fetch API.

import nhttp from "nhttp-land";

const app = nhttp();

app.get("/", () => new Response("hello"));

app.get("/hello", () => "Hello, World");

app.listen(8000, () => {
  console.log("> Running on port 8000");
});

Coudflare Workers

import nhttp from "nhttp-land";

const app = nhttp();

app.get("/hello", () => "Hello, World");

export default app.module();

// for other just invoke app.handle
// export default app.handle;

tsconfig (Bun / Node)

{
  "compilerOptions": {
    // if bun
    // "types": ["bun-types"],
    "lib": [
      "DOM",
      "DOM.Iterable",
      "ESNext"
    ]
  }
}

Jsx

/** @jsx n */
/** @jsxFrag n.Fragment */

import { n, FC } from "https://deno.land/x/nhttp@1.2.19/lib/jsx.ts";
import { renderToHtml } from "https://deno.land/x/nhttp@1.2.19/lib/jsx/render.ts";
import Helmet from "https://deno.land/x/nhttp@1.2.19/lib/jsx/helmet.ts";
import nhttp from "https://deno.land/x/nhttp@1.2.19/mod.ts";

const Home: FC<{ title: string }> = (props) => {
  return (
    <>
      <Helmet>
        <title>{props.title}</title>
      </Helmet>
      <h1>Home Page</h1>
    </>
  );
};

const app = nhttp();

app.engine(renderToHtml);

app.get("/", () => <Home title="welcome jsx" />);

app.listen(8000, () => {
  console.log("> Running on port 8000");
});

License

MIT