Aleph.js: The Full-stack Framework in Deno.

Chat Twitter

Getting Started

Visit https://alephjs.org/docs/get-started to get started with Aleph.js.

Description

Aleph.js (or Aleph or א or 阿莱夫, ˈɑːlɛf) is a fullstack framework in Deno, inspired by Next.js.

The name is taken from the book The Aleph by Jorge Luis Borges.

Different with Next.js, Aleph.js doesn't need webpack or other bundler since it uses the ES Module syntax during development. 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 Hot Module Replacement (HMR) and Fast Refresh, leads to instant updates in the browser.

Aleph.js uses modern tools to build your app. It transpiles code using swc in WASM with high performance, and bundles modules with esbuild at build time extremely fast.

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

import React from 'https://esm.sh/react'
import Logo from '../components/logo.tsx'

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

Community

The Aleph.js community can be found on GitHub Discussions, where you can ask questions, voice ideas, and share your projects.

To chat with other community members you can join the Aleph.js Discord.

Contributing

Please see our contributing.md.

License

Aleph.js MIT licensed.