Skip to content
ReScript Fresh

ReScript Fresh

Build and deploy a website using Deno's Fresh, ReScript, and Deno deploy. You don't need to understand any of these tools in order to get started!
Guides API docs

By combining the fast compiler and strong type safety of ReScript, the speed and ease of Deno, a simple framework like Fresh, and an easy to use deployment option with Deno you can build fast websites without runtime errors and easy refactoring.

When using these tools you’ll have minimal configs to worry about and can skip tools like Prettier, ESLint, and TypeScript. You will barely have any configs or bike shedding to worry about and everyone will pretty have the same experience working with these tools.

Follow along with the guides if you are new to ReScript, Deno, or Fresh. If you just want to look things up you can head to the API docs.

@jsx.component
let make = (~count: Signal.t<'int>) => {
  <div class="flex gap-8 py-6">
    <Button onClick={_ => count.value = count.value - 1}> {"-1"->Preact.string} </Button>
    <p class="text-3xl tabular-nums"> {count.value->Int.toString->Preact.string} </p>
    <Button onClick={_ => count.value = count.value + 1}> {"+1"->Preact.string} </Button>
  </div>
}

What is ReScript?

ReScript is a robustly typed language that compiles to efficient and human-readable JavaScript. It comes with a lightning fast compiler toolchain that scales to any codebase size.

It’s kinda like TypeScript, but instead of being a superset of JavaScript with types layered on top with hard to navigate any types, it’s a different language with a JavaScript like syntax built on a foundation of strong types and modern language features like pattern matching, pipes, typed errors, no nulls or undefined values, and variant types.

What is Deno?

Deno is like a sequel to Node. It’s a fast and modern runtime for JavaScript. It also has an easy to use hosting platform that’s free to get started with no credit card required.

What is Fresh?

Fresh is a “simple, approachable, productive web framework”. It’s based on web standards you already know and Preact, which is like React but lightweight and more performant. It’s also ESM, which fits right in with the rest of our stack! Fresh can use SSR, server functions, and an island based architecture to help you easily create wicked fast websites.