reactjs

Aleph.js: The Full-stack Framework in Deno

Feb 17, 2022
Aleph.js: The Full-stack Framework in Deno

Aleph

Aleph.js gives you the best developer experience for building modern web applications:

TypeScript in Deno, ES module imports, file-system routing, SSR & SSG,
HMR with Fast Refresh, and more. No config needed.

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

View Demo View Github

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

MIT licensed.

Recommended