Aleph Poster

Aleph.js

Aleph.js (or Aleph or א, /ˈɑːlɛf/) is a React Framework in Deno, inspired by Next.js.
Website | Get Started | Docs | ESM | The Aleph (by Jorge Luis Borges)

Aleph.js in Deno nest badge Chat Twitter Follow

Different with Next.js, Aleph.js don’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.

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

Installation

deno install -A -f -n aleph https://deno.land/x/aleph@v0.2.27/cli.ts

Usage

# create a new app
aleph init hello
cd hello

# start the app in `development` mode
aleph dev

# start the app in `production` mode
aleph start

# build the app to a static site (SSG)
aleph build

# more usages
aleph -h

Documentation

Please visit https://alephjs.org/docs to view the documentation.

Contributing

Please read the contributing.md.