Skip to content
This repository has been archived by the owner. It is now read-only.

farhan2106/svelte-typescript-ssr

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

This repo was developed when Svelte 3 first came out. Since then better svelte-typescript integration has been developed, such as this one

=========

Svelte + Typescript + Storybook SSR Boilerplate

This is a Svelte + Typescript + Storybook SSR boiletplate project. If you are intrested in developing only UI components or SPA, it is here.

Creating Pages / Routes

  1. Create a .html file and a corresponding .ts file for the svelte component. During build time, the .ts will be combined with the .html file to become a svelte component. .html & .ts must have the same filename.

  2. Subroutes is created by subfolder. It also assumes /Index as /. For example, pages/member/Index.html will create a route http://localhost/member/

  3. Every page has its own client side javascript to be used during hydration. This client side JS will load the minimum required svelte component.

How does the build process works?

  1. Compile typescript and put it build folder,
  2. Combine svelte html & svelte js (generated from typescript) together
  3. Generated the list of entry files to be used by webpack for client side hydration
  4. Profit!

TODO

  • Add service-worker
  • Add Purify CSS
  • Add Brotli compression

About

Write typescript for svelte components in a SSR app

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published