Aleph.js

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

Different with Next.js, Aleph.js doesn't need webpack or other bundler since it uses the ESM imports 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's no time wasted to re-bundle every changes, and instantly updates in the browser by HMR (Hot Module Replacement) with React Fast Refresh.

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

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

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 in Deno
  • ES Module Ready
  • Import Maps
  • HMR with Fast Refresh
  • File-system Routing
  • APIs Routing
  • Built-in Markdown Page
  • Built-in CSS(Less) Support
  • SSR/SSG

Status

In alpha stage, not ready for production.

License

Under the MIT License.

Credits

Some concept description texts in this docs are copied from Next.js/docs (MIT License)