All Projects → pyoner → svelte-ts-template

pyoner / svelte-ts-template

Licence: other
Typescript template for Svelte v3

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
typescript
32286 projects

Projects that are alternatives of or similar to svelte-ts-template

ui-svelte
A component library for Svelte
Stars: ✭ 18 (-67.27%)
Mutual labels:  sveltejs, svelte-v3
svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: ✭ 85 (+54.55%)
Mutual labels:  sveltejs, svelte-v3
svelte-express-boilerplate
Boilerplate for developing full stack apps with Express and Svelte.js 📦
Stars: ✭ 60 (+9.09%)
Mutual labels:  sveltejs, svelte-v3
svelte-color-picker
A color picker component for svelte
Stars: ✭ 96 (+74.55%)
Mutual labels:  sveltejs, svelte-v3
svelte-meteor-data
Reactively track Meteor data inside Svelte components
Stars: ✭ 14 (-74.55%)
Mutual labels:  sveltejs, svelte-v3
s-date-range-picker
📅 A date range picker built with Svelte
Stars: ✭ 13 (-76.36%)
Mutual labels:  sveltejs, svelte-v3
hacker-feud
💥 A single page web game made with Svelte.
Stars: ✭ 61 (+10.91%)
Mutual labels:  sveltejs, svelte-v3
plate-app
🍛 What's on your Plate?
Stars: ✭ 49 (-10.91%)
Mutual labels:  sveltejs, svelte-v3
svelte-click-outside
A wrapper component that provides click outside detection
Stars: ✭ 28 (-49.09%)
Mutual labels:  sveltejs, svelte-v3
svelte-slate
slate svelte view layer
Stars: ✭ 43 (-21.82%)
Mutual labels:  sveltejs
Svelte Material Ui
Svelte Material UI Components
Stars: ✭ 2,081 (+3683.64%)
Mutual labels:  sveltejs
svelte-dragdroplist
Sortable lists with Svelte 3. Animated, touch-friendly, and accessible.
Stars: ✭ 100 (+81.82%)
Mutual labels:  svelte-v3
sveltekit-starter
Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
Stars: ✭ 482 (+776.36%)
Mutual labels:  sveltejs
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-60%)
Mutual labels:  sveltejs
sveltejs-documentation-zh-CN
sveltejs中文文档与相关资料
Stars: ✭ 44 (-20%)
Mutual labels:  sveltejs
sveltekit-package-template
A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
Stars: ✭ 26 (-52.73%)
Mutual labels:  sveltejs
svelte-dev-store
This project adds the ability to use Redux Dev tools to visualise a Svelte store. It uses redux under the hood and should only be used in a development environment.
Stars: ✭ 22 (-60%)
Mutual labels:  sveltejs
svelte-interview-questions
Concepts and Questions related to Svelte - Part of official Svelte resources list
Stars: ✭ 18 (-67.27%)
Mutual labels:  sveltejs
sapper-authentication-demo
A demonstration of Auth with Sapper + JWT + Server Side Rendering + RBAC
Stars: ✭ 102 (+85.45%)
Mutual labels:  sveltejs
omnia-editor
A lightweight open source block style editor built for the modern web.
Stars: ✭ 18 (-67.27%)
Mutual labels:  sveltejs

⚠️ Attention!

The project moved to this monorepo https://github.com/pyoner/svelte-typescript

Typescript template for Svelte v3


svelte app

This is a project template for Svelte apps. It lives at https://github.com/pyoner/svelte-ts-template

To create a new project based on this template using degit:

npm install -g degit # you only need to do this once

degit pyoner/svelte-ts-template svelte-app
cd svelte-app

Note that you will need to have Node.js installed.

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

Deploying to the web

With now

Install now if you haven't already:

npm install -g now

Then, from within your project folder:

now

As an alternative, use the Now desktop client and simply drag the unzipped project folder to the taskbar icon.

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].