{"repo":"invakid404/sveltekit-islands","free":true,"listed":false,"github":"https://github.com/invakid404/sveltekit-islands","clone":"git clone https://github.com/invakid404/sveltekit-islands.git","description":"Islands for SvelteKit 🏝️","language":"TypeScript","stars":20,"topics":["is-land","svelte","sveltekit","vite"],"license":"Unlicense","category":"saas-starters-boilerplates","readme_excerpt":"sveltekit-islands Vite plugin and Svelte preprocessor designed to seamlessly integrate the Islands architecture into SvelteKit applications. What are Islands? The islands architecture is a rendering pattern, which encourages 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. Rather than a single application being in control of full-page rendering, there are multiple entry points. The script for these \"islands\" of interactivity can be delivered and hydrated independently, allowing the rest of the page to be just static HTML. For more information, check out the detailed explanation on patterns.dev. Installation Usage First, for the plugin to work correctly (and for its usage to make sense in the first place), you must enable prerender and disable csr globally. To do this, add these two lines to your global layout: Second, you must add the Vite plugin to your Vite config and the Svelte preprocessor to your Svelte config. Additionally, you must pass { script: true } to vitePreprocess : [!WARNING] Currently, only the static adapter is officially supported and known to be working. Feel free to open an issue if your adapter of choice doesn't work. You're now ready to go! To create an island, use the Island component: Under the hood, the Island component makes use of @11ty/is-land and forwards all props to the is-land element. For more information on wh","default_branch":null,"files":null,"tree":[],"storefront":"/r/invakid404","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/invakid404/sveltekit-islands/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}