A template to use GoLang Lorca package to make desktop applications using webview and Svelte for the frontend,

Overview

Svelte Lorca Template

A starter project for building modern cross-platform desktop apps in Go, HTML, and Svelte.

This project is a fork of lorca-ts-react-starter. Thank You to Erik AgsjΓΆ

Getting started

Either just clone this repo and start coding, or repeat the simple steps taken to create it yourself to get that warm fuzzy feeling of having done it all "by hand".

Prerequisites

Since this project builds on [Lorca][2], you need Chrome installed to develop and run your app. You also need recent enough versions of Go (1.16), Node.js and npm installed.

Cloning

  1. Clone this repo: git clone https://github.com/bmw2621/svelte-lorca-template.git <NEWPROJECTNAME>
  2. Go to the newly created directory: cd <NEWPROJECTNAME>
  3. Install dependencies: yarn
  4. Launch the app in development mode: yarn start
  5. Read the code and start building your app!

Available Scripts

In the project directory, you can run:

yarn start

Builds the Svelte application and serves it. The "backend" Go part will launch Chrome to display the HTML content. This is not in watch mode, for watch mode run yarn dev

yarn dev

Starts the Svelte application in development mode (hot reload watching for file changes). The "backend" Go part will launch Chrome to display the HTML content.

yarn build

Builds the app for production, creating a single executable will all assets bundled. It correctly bundles Svelte in production mode and optimizes the build for the best performance.

yarn test

Runs go test and jest. Go test will fail without the assets.go file that is run during code generation, so go generate runs first. Frontend and backend tests can be run individually with yarn svelte:test or yarn go:test respectively.

node ./scripts/setupTypeScript.js

Uses the Svelte Template provided script to add typescript to the frontend project

You might also like...

A svelte action for creating tippy.js tooltips with full typescript support

A svelte action for creating tippy.js tooltips with full typescript support

Tippy.js for svelte A svelte action for creating tippy.js tooltips. Getting started # Pnpm pnpm add svelte-tippy tippy.js # Yarn yarn add svelte-tipp

Jul 19, 2022

Add Routify to your Svelte project

πŸŽ€ Add (work in progress) Routify to Svelte This is an adder for svelte-add; you should read its README before continuing here. βž• Adding (work in prog

Aug 3, 2022

Small library to accomplish common tasks in Svelte/SvelteKit

svelte-utilities svelte-utilities is a small utilities library for Svelte/SvelteKit that provides features I use in almost every project, such as: Laz

Nov 25, 2022

Vite Svelte plugin to remove console logs in prod.

vite-plugin-svelte-console-remover A Vite plugin that removes all console statements (log, group, dir, error, etc) from Svelte, JS, and TS files durin

Oct 13, 2022

Make pinia easy to use and has intelisense.

pinia-auto-refs Pinia Auto Refs on-demand for Vite. With TypeScript support. Powered by unplugin-auto-import.Inspiration by vieruuuu in pinia/issues#7

Dec 26, 2022

Admin UI Template is a modern, responsive, and customizable admin UI template for your business.

Admin UI Template is a modern, responsive, and customizable admin UI template for your business.

Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.

Dec 18, 2022

Make use css module more sense.

vite-plugin-sense-css-module Make use css module more sense. Installation npm npm install --save-dev vite-plugin-sense-css-module yarn yarn add -D vi

Sep 25, 2022

A desktop live wallpaper app made for Mac.

A desktop live wallpaper app made for Mac.

Wallpieperi A desktop live wallpaper app made for Mac. Status: Alpha Alpha build is going to be released this saturday, however all the code will be a

Oct 13, 2022
Comments
  • Packaging and distribution

    Packaging and distribution

    This is more of a question or comment on the documentation that anything.

    I used the sample as instructed. The docs say that everything is bundled into the app, but I found I need the public directory as well.

    Am I missing something? Or do the docs require some tweaking?

    opened by SimonShapiro 1
Owner
Ben Winchester
Web Developer, Python enthusiast, and Linux nerd.
Ben Winchester
A lib for loading PDF in Android using WebView

A lib for loading PDF in Android using WebView Usage Including in your project Copy... /pdf/src/main/assets/... all files in the path Use val settings

fuusy 197 Jan 4, 2023
Matteo Bruni 4.7k Jan 4, 2023
Time-traveling debugger for Svelte applications

DeLorean The first time-travelling debugger for Svelte applciations DeLorean is a debugging tool for Svelte developers. It records snapshots when a ta

OSLabs Beta 60 Oct 8, 2022
Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.πŸš€

Vue NodeGui Build performant, native and cross-platform desktop applications with Vue. ?? Vue NodeGUI is powered by Vue ?? and Qt5 ?? which makes it C

NodeGui 765 Dec 30, 2022
Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack

Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F

Catamyst Community 48 Dec 24, 2022
Frolics is an offline, lightweight, full-text search library for Frontend applications

Frolics What Is Frolics Installation Document Preparing Customized Fields Hand-on Example Cache Usage What Is Frolics ? Frolics is an offline, lightwe

null 13 Dec 4, 2022
Make Phaser 3 games with modern frontend tooling.

Phaser 3 + Vite.js Template Make Phaser 3 games with modern frontend tooling. Prerequisites You'll need Node.js and npm installed. It is highly recomm

ourcade 15 Dec 15, 2022
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de

NativeScript 22k Jan 4, 2023
πŸ““ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.9k Jan 9, 2023
bare bones demo of svelte-three

create-svelte Everything you need to build a Svelte project, powered by create-svelte; Creating a project If you're seeing this, you've probably alrea

Rich Harris 39 Jul 30, 2022