Aleph.js

Aleph.js (or Aleph or א, /ˈɑːlɛf/) is a React Framework for Deno, inspired by Next.js.

Unlike Next.js, Aleph.js doesn't need webpack or other bundlers since it uses ESM import syntax. Every module only needs to be compiled once, and then cached on the disk.

When a module changes, Aleph.js just needs to re-compile that single module. There is no time wasted re-bundling everytime a change is made. This, along with HMR (Hot Module Replacement) with React Fast Refresh, leads to instant updates in the browser.

To learn more about HMR with Fast Refresh, check out the HMR with Fast Refresh documentation.

Aleph.js works in Deno, a simple, modern and secure runtime for JavaScript and TypeScript. All dependencies are imported using URLs, and managed by Aleph.js. No package.json and node_modules directory needed:

import React from "https://esm.sh/react@17.0.1";
import Logo from "../components/logo.tsx";

export default function Home() {
  return (
    <div>
      <Logo />
      <h1>Hello World!</h1>
    </div>
  );
}

Features

• Zero Config
• Typescript Support
• ES Module Ready
• Import Maps
• HMR with Fast Refresh
• File-system Routing
• API Routes
• Built-in Markdown Support
• Built-in CSS (Less) Support
• SSR/SSG

Status

Currently in alpha, not ready for production.

License

Under the MIT License.

Credits

Some concept description text in these docs is copied from Next.js/docs (MIT License).