Svelte Example Four
Routify, Svelte, Typescript, Prettier, Eslint, Firebase, Tailwind ...
Routify / Svelte / Typescript / Tailwind
Installation
yarn install
yarn dev
Mr. Whiskers
routify-starter
Starter template for Routify.
Get started
Starter templates
| Template | Description |
|---|---|
| master | Default template, includes examples folder |
| blog | Generates a blog from local markdown posts. Includes mdsvex |
| auth | Embedded login on protected pages. Includes Auth0 |
To use a template, run:
npx @sveltech/routify init
or
npx @sveltech/routify init --branch <branch-name>
The above commands will populate the current directory, they don't create a new one.
yarn scripts
| Syntax | Description |
|---|---|
dev |
Development (port 5000) |
dev:nollup |
Development with crazy fast rebuilds (port 5000) |
dev-dynamic |
Development with dynamic imports |
build |
Build a bundled app with SSR + pre-rendering and dynamic imports |
serve |
Run after a build to preview. Serves SPA on 5000 and SSR on 5005 |
deploy:* |
Deploy to netlify or now |
export |
Create static pages from content in dist folder (used by npm run build) |
SSR and pre-rendering
SSR and pre-rendering are included in the default build process.
yarn run deploy:(now|netlify) will deploy the app with SSR and pre-rendering included.
To render async data, call the $ready() helper whenever your data is ready.
If $ready() is present, rendering will be delayed till the function has been called.
Otherwise it will be rendered instantly.
See src/pages/example/api/[showId].svelte for an example.
Production
- For SPA or SSR apps please make sure that url rewrite is enabled on the server.
- For SPA redirect to
__app.html. - For SSR redirect to the lambda function or express server.
