jamcart / 7ty

Static Site Generator for Svelte

7ty

7ty is a Static Site Generator that uses Svelte for templating.

Documentation

Installation

npm init @jamcart/7ty new-folder

Features

• Svelte: Write everything as single file components.
• File based routing: Simple websites can be written with no configuration needed at all.
• 0kb JS: Only includes JavaScript on pages that absolutely need it.
• Partial Hydration: Designate which components need to be interactive and the JavaScript will be compiled just for those.
• Rollup Based: Seamlessly integrates with the existing Rollup ecosystem.

7ty's Issues

Duplicate stylesheet link tags

Can't put exactly my finger on this but when using template and adding new routes that use shared layout (_layout.svelte) which has hydrated component (_saved-items.svelte) then related generated html files will contain duplicate styleheet link tags

...
  <link rel="stylesheet" href="/c8d0455f.css">
  <link rel="stylesheet" href="/aa89a59a.css">
  <link rel="stylesheet" href="/c8d0455f.css">  
...

It can probably be fixed at earlier stage but I filtered out duplicates in src/build/html.js/writeHTML()

- const stylesheet_links = stylesheets.map(href => `<link rel="stylesheet" href="/${ href }" />`).join('\n')
+ const stylesheet_links = stylesheets.filter((v,i) => stylesheets.indexOf(v) === i).map(href => `<link rel="stylesheet" href="/${ href }" />`).join('\n')

Other than that, really great tool!

Dynamic routes in public folder

Is there any reason behind including dynamic route folders (as [slug] with index-[hash].js in template project) to public folder on production build, I think these are not used in production at all?