Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/swifweb/web

🧱 Write your website in pure Swift with power of webassembly. DOM, CSS and all the WebAPIs are available out of the box.
https://github.com/swifweb/web

css dom html pwa reactive spa swift web webber

Last synced: 3 months ago
JSON representation

🧱 Write your website in pure Swift with power of webassembly. DOM, CSS and all the WebAPIs are available out of the box.

Awesome Lists containing this project

README

        

[![SwifWeb](https://user-images.githubusercontent.com/1272610/111916973-f5e3b300-8a96-11eb-8ab3-ac8e3a6b9f6f.png)](http://swifweb.com)



MIT License


Swift 5.7


Swift.Stream

This library provides DOM, CSS and all possible web APIs beautifully wrapped into Swift ❤️

With it you will easily build your awesome reactive web app in beloved Swift ❤️

# Installation

Go to [webber](https://github.com/swifweb/webber) repository and install it.

# Usage

Just execute `webber new` to create new `spa` or `pwa` project.

Go to the project folder and open `Package.swift` to explore the code.

Then execute `webber serve` or `webber serve -t pwa -s Service` for the pwa app to debug your project in the browser.

Then take a look at the hidden `.webber` folder, you will find the `entrypoint/dev` folder where webber just generated entry files, you could edit these files if swift is not enough, e.g. to make you custom loading bar.

To release the project just call `webber release` or `webber release -t pwa -s Service` for pwa, and then grab production files from `.webber/release` folder.

Please find [examples in releases](https://github.com/swifweb/web/releases).

[Tutorial on HackerNoon](https://hackernoon.com/how-to-use-swift-for-web-development)