Fresh logo
docs

The next-gen web framework.

⚠️ Do not use `fresh` for production usecases yet, unless you are very actively tracking the `fresh` repository for updates. The framework is still undergoing very frequent core functionality changes. You can expect a mostly stable release around the end of May 2022.

Introduction

fresh is a full stack modern web framework for JavaScript and TypeScript developers, designed to make it trivial to create high-quality, performant, and personalized web applications. You can use it to create your home page, a blog, a large web application like GitHub or Twitter, or anything else you can think of.

At it's core, fresh is a combination of a routing framework and templating engine that renders pages on demand, on the server. In addition to this just-in-time (JIT) rendering on the server, fresh also provides an interface for seamlessly rendering some components on the client for maximum interactivity. The framework uses Preact and JSX for rendering and templating on both the server and the client.

fresh also does not have a build step. The code you write is also directly the code that is run on the server, and the code that is executed on the client. Any necessary transpilation of TypeScript or JSX to plain JavaScript is done on the fly, just when it is needed. This allows for insanely fast iteration loops, and very very fast deployments.

fresh projects can be deployed manually to any platform with deno, but it is intended to be deployed to an edge runtime like Deno Deploy for the best experience.

Some stand out features:

  • No build step
  • Zero config necessary
  • JIT rendering on the edge
  • Tiny & fast (no client JS is required by the framework)
  • Optional client side hydration of individual components
  • Highly resilient because of progressive enhancement and use of native browser features
  • TypeScript out of the box
  • File-system routing à la Next.js
Next ->Getting Started