<h2>Overview</h2>
<p>Capri is a tool that enables users to build static websites using their preferred frontend framework such as React, Preact, Vue, Solid, or Svelte. One of its key advantages is its carbon-friendly approach, where no JavaScript is shipped to the browser by default. Capri also allows for client-side interactivity by selectively sending only the necessary JavaScript code for specific components, referred to as "islands". Users can leverage their existing knowledge of their chosen framework and follow a couple of rules to build static websites with Capri.</p>
<h2>Features</h2>
<ul>
<li><strong>Frontend Framework Flexibility</strong>: Choose from popular frontend frameworks like React, Preact, Vue, Solid, or Svelte to build static websites with Capri.</li>
<li><strong>Carbon-Friendly Approach</strong>: No JavaScript is shipped to the browser by default, leading to reduced carbon footprint and improved performance.</li>
<li><strong>Selective Client-Side Interactivity</strong>: Convert specific components into islands to enable client-side interactivity. Capri ensures that only the relevant JavaScript code is sent to the browser for these interactive parts.</li>
<li><strong>No New APIs to Learn</strong>: Use your chosen frontend framework's existing ecosystem without the need to learn new APIs. Capri does not have its own API.</li>
<li><strong>No Lock-In</strong>: If you decide to remove Capri from your project, you will still have a fully functional Vite app. The output will be changed from pre-rendered static pages to a regular Single Page Application (SPA).</li>
<li><strong>Live CMS Previews</strong>: When connected to a headless CMS, Capri allows for generating a separate SPA version of your site. This enables real-time content previews within the CMS without the need for a build-step or server-side rendering. Users can host the static files inexpensively and efficiently while still having live previews.</li>
</ul>


Capri Js

Capri