Framework5K+/wkMIT

fresh

Fresh is a next-generation web framework for Deno that features just-in-time rendering on the edge, island-based client hydration, zero runtime overhead by defa

Installation

npm
npm install fresh
yarn
yarn add fresh
pnpm
pnpm add fresh

Import

ESM
// Deno-native framework

Quick Example

usage
// routes/index.tsx
export default function Home() {
  return <h1>Hello Fresh</h1>;
}

About fresh

Fresh is a next-generation web framework for Deno that features just-in-time rendering on the edge, island-based client hydration, zero runtime overhead by default, and no build step required. Developed by the Deno team, Fresh renders pages on the server using Preact components and ships zero JavaScript to the client unless interactive islands are explicitly defined. This approach results in extremely fast page loads because only the specific interactive components include client-side JavaScript. Fresh uses file-system routing where files in the routes directory define pages and API endpoints, similar to Next.js. Islands — the interactive components — are defined in a special islands directory and automatically get client-side hydration. The framework leverages Deno's native TypeScript support, import maps, and permission system for a streamlined developer experience without node_modules or complex build configurations. Fresh deploys seamlessly to Deno Deploy, a globally distributed edge runtime, providing low-latency responses worldwide. It is particularly well-suited for content-focused websites, blogs, and documentation that need minimal interactivity but maximum performance.

Quick Facts

Packagefresh
CategoryFramework
Weekly Downloads5K+
LicenseMIT
Installnpm install fresh

Related Packages

Browse npm Packages by Category

Explore our reference of 200 popular npm packages with install commands, examples, and quick-start guides.