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 install fresh
yarn add fresh
pnpm add fresh
Import
// Deno-native framework
Quick Example
// 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
| Package | fresh |
| Category | Framework |
| Weekly Downloads | 5K+ |
| License | MIT |
| Install | npm install fresh |
Related Packages
Astro is a modern web framework designed for building content-driven websites like blogs, documentat…
Preact is a fast 3kB alternative to React with the same modern API. It provides the thinnest possibl…
Next.js is the leading React framework for building full-stack web applications, developed and maint…
Hono is an ultrafast, lightweight web framework designed to run on any JavaScript runtime including …
Svelte is a radical new approach to building user interfaces that shifts the work of the framework f…
Browse npm Packages by Category
Explore our reference of 200 popular npm packages with install commands, examples, and quick-start guides.