
Fresh 2 Has a Free API That Brings Zero-JS Pages to Deno With Island Architecture
Fresh is Deno's web framework. Zero JavaScript shipped to the client by default. Interactive parts are "islands" that hydrate independently. Fresh 2 adds Preact Signals, better plugins, and faster builds. Quick Start deno run -A https://fresh.deno.dev my-app cd my-app && deno task start Zero JS by Default Every Fresh page is server-rendered HTML. No JavaScript bundle. This page component ships 0 bytes of JS: // routes/index.tsx export default function Home () { return ( < div > < h1 > Hello Fresh < /h1 > < p > This page has zero client - side JavaScript . < /p > < /div > ) } Islands (Interactive Components) Only components in /islands/ get hydrated on the client: // islands/Counter.tsx import { useSignal } from " @preact/signals " export default function Counter () { const count = useSignal ( 0 ) return ( < div > < p > Count : { count } < /p > < button onClick = {() => count . value ++ } >+ 1 < /button > < /div > ) } // routes/index.tsx import Counter from " ../islands/Counter.tsx " ex
Continue reading on Dev.to Webdev
Opens in a new tab

