https://islandy.pazguille.me/docs/introduction/

1<!DOCTYPE html><html lang="es-AR"><head>
2        <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"><link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏝️</text></svg>"><title>Islandy Docs</title><link rel="stylesheet" href="/src/styles.css"><link rel="stylesheet" href="https://unpkg.com/[email protected]/themes/prism-tomorrow.min.css">
3      </head>
4      <body>
5        <header><h1>🏝️ Islandy Docs</h1></header><nav><ol><li><a href="/docs/introduction"><strong>Introduction</strong></a></li><li><a href="/docs/getting-started"><strong>Getting Started</strong></a><ol><li><a href="/docs/getting-started/create-a-project">Create a project</a></li><li><a href="/docs/getting-started/running-locally">Running locally</a></li><li><a href="/docs/getting-started/create-a-route">Create a route</a></li><li><a href="/docs/getting-started/dynamic-routes">Dynamic routes</a></li><li><a href="/docs/getting-started/adding-routes-middlewares">Adding routes middlewares</a></li><li><a href="/docs/getting-started/fetching-data">Fetching data</a></li><li><a href="/docs/getting-started/adding-island-of-interactivity">Adding islands of interactivity</a></li></ol></li></ol></nav><main><h1>Introduction</h1><div class="markdown-body"><p>Islandy is a modern web framework for JavaScript developers focu

5sed on progressive enhancement. It's designed to create accessible, performant and high-quality web applications, based on <a href="https://expressjs.com/">Express.js</a> and <a href="https://preactjs.com">Peact</a>.</p>
6<p>Islandy is a combination of Express.js and Preact that renders pages on demand, on the server. Also provides an interface for seamlessly rendering some components on the client for maximum interactivity: Islands.</p>
7<p>The Islands architecture encourages ship less JavaScript to the user with small, focused chunks of interactivity within server-rendered web pages. The output of islands is progressively enhanced HTML, with more specificity around how the enhancement occurs.</p>
8<p>The client JavaScript for the islands of interactivity is delivered and hydrated independently, allowing the rest of the page to be just static HTML.</p>
9<p>Some stand out features:</p>
10<ul>
11<li>Zero config necessary</li>
12<li>Server side rendering by default (no client JS is required)</li>
13<li>Optional client side hydration of individual components (islands)</li>
14<li>Supports all the features that are offered by Express.js</li>
15<li>File-system routing with hanlders and middlewares</li>
16</ul>
17<p>Islandy projects can be deployed manually to any platform with <code>node</code>.</p>
18</div></main>

18<script defer="" src="https://unpkg.com/[email protected]/prism.js"></script>

18<script defer="" src="https://unpkg.com/[email protected]/components/prism-jsx.min.js"></script>

18<script defer="" src="https://unpkg.com/[email protected]/components/prism-bash.min.js"></script>

18
19        

19<script>
20          window.addEventListener('load', () => {
21            if (document.querySelector('p-island')) {
22              import('/_islandy/boot.js');
23            }
24          });
25        </script>

25
26      
27    
28  </body></html>