Giter Site home page Giter Site logo

routify-starter's Introduction

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>.

npm 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 + prerendering 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.

npm run deploy:(now|netlify) will deploy the app with SSR and prerendering 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 __dynamic.html.
  • For SSR redirect to the lambda function or express server.

Typescript

For Typescript, we recommend @lamualfa excellent routify-ts

New project: npx routify-ts init <project-name> [routify-init-args]

Existing project: npx routify-ts convert [project-directory]

Issues?

File on Github! See https://github.com/sveltech/routify/issues .

routify-starter's People

Contributors

jakobrosenberg avatar rich-harris avatar conduitry avatar rixo avatar alteredorange avatar si87 avatar lukeed avatar frederikhors avatar wolfr avatar lamualfa avatar mehedi61 avatar matyifkbt avatar nicolodavis avatar paulbgd avatar romankaravia avatar stephenstrickland avatar yus-ham avatar halfnelson avatar mvllow avatar pngwn avatar kandersonko avatar jul-sh avatar ivansanchez avatar flayks avatar emiltholin avatar bevand10 avatar crisfole avatar cainux avatar akauppi avatar antonwiklund99 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.