By default, Aleph.js pre-renders every page. This means that Aleph.js generates HTML for each page in advance, instead of rendering it with client-side JavaScript. Pre-rendering can result in better performance and SEO.

Each generated HTML page only needs a small amount of JavaScript. When a page is loaded by the browser, its JavaScript code runs and makes the page fully interactive. (This process is called hydration.)

You can disable SSR functionality in aleph.config.js:

export default {
  "ssr": false, // SPA mode

or specify exclude paths:

export default {
  "ssr": {
    "exclude": [

SSR Data Fetching

If you want to fetch data during build time (SSR), you can do so with the useDeno hook will get the Deno runtime in your component:

import React from ""
import { useDeno } from ""

export default function Page() {
  const version = useDeno(() => {
    return Deno.version

  return (
    <p>Powered by Deno v{version.deno}</p>

or fetch data asynchronously:

import React from "";
import { useDeno, useRouter } from "";

export default function Post() {
  const { params } = useRouter();
  const post = useDeno(
    async () => {
      return await (await fetch(`https://.../post/${}`)).json();
  ); // true means to refetch data in the browser deps the `params`

  return <h1>{post.title}</h1>;

To learn more useDeno, check the useDeno Hook documentation.

Static Site Generation (SSG)

Aleph.js allows you to export your app to a static site, which can be served as static html on any server or CDN.

$ aleph build

For dynamic routes, your can define the staticPaths in the aleph.config.js:

export default async () => {
  const posts = await (await fetch("https://.../posts")).json()
  return {
    ssr: {
      exclude: [...],
      staticPaths:{id}) => `/post/${id}`)

See the hello-world example on Vercel.