<h2>Overview:</h2>
<p>Elder.js is a static site generator and web framework designed with SEO in mind. It supports both server-side rendering (SSR) and static site generation. It is a highly optimized tool with a build process that utilizes multiple CPU cores to generate sites quickly. Elder.js also leverages Svelte for SSR templates, resulting in smaller HTML and bundle sizes. The framework offers a straightforward data flow by allowing users to associate a data function in their route.js, giving them control over fetching, preparing, and manipulating data before sending it to the Svelte template. Elder.js supports multiple data sources and provides the flexibility to extend the functionality of a site through community plugins. It also offers features like shortcodes to future-proof content and minimize JavaScript (JS) usage. With its partial hydration capability, Elder.js allows users to hydrate only specific parts of the client that require interactivity, reducing payloads while maintaining control over component lazy-loading, preloading, and eager-loading.</p>
<h2>Features:</h2>
<ul>
<li><strong>Build Hooks</strong>: Customize and plug into any part of the entire page generation process.</li>
<li><strong>Highly Optimized Build Process</strong>: Utilizes multiple CPU cores for faster site building.</li>
<li><strong>Svelte Everywhere</strong>: Uses Svelte for SSR templates and partial hydration on the client.</li>
<li><strong>Straightforward Data Flow</strong>: Complete control over data fetching, preparation, and manipulation before passing it to the Svelte template.</li>
<li><strong>Multiple Data Sources</strong>: Support for fetching data from multiple sources.</li>
<li><strong>Community Plugins</strong>: Extend the functionality of Elder.js with prebuilt plugins.</li>
<li><strong>Shortcodes</strong>: Future-proof content using smart placeholders, even from different sources.</li>
<li><strong>0KB JS</strong>: Defaults to 0KB of JS if a page doesn't require JS.</li>
<li><strong>Partial Hydration</strong>: Allows selective hydration of client components for reduced payloads.</li>
</ul>


<h2>Overview</h2>
<p>The Elder.js Template Project is a project template designed for Elder.js apps. It provides a starting point for creating apps using Elder.js, a static site generator for Svelte. The template can be found on GitHub at https://github.com/elderjs/template. Elder.js source code can be accessed at https://github.com/elderjs/elderjs. A live demo of the template can be viewed at https://elderjs.pages.dev/.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Setup</strong>: The Elder.js Template Project provides a simple starting point for creating Elder.js apps, allowing developers to quickly set up their projects.</li>
<li><strong>Live Reloading</strong>: A development server is included in the template that watches for file changes and automatically refreshes the page, making it easy to see changes in real time.</li>
<li><strong>Rollup Integration</strong>: Rollup, a module bundler, is integrated into the template and automatically restarts when it detects file changes.</li>
<li><strong>Browser Reload</strong>: If the Elder.js configuration file includes the <code>@elderjs/plugin-browser-reload</code> plugin, the browser will automatically restart after the server restarts, providing a seamless development experience.</li>
<li><strong>ESBuild Support</strong>: The template supports the experimental <code>npm run esbuild</code> command, which provides a faster development experience and is expected to improve rapidly.</li>
</ul>


Elderjs

Elderjs

Template