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: about 1 month 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.

• Host: GitHub
• URL: https://github.com/swifweb/web
• Owner: swifweb
• License: mit
• Created: 2021-01-09T22:40:57.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-07T10:20:11.000Z (about 2 months ago)
• Last Synced: 2024-11-07T11:26:24.918Z (about 2 months ago)
• Topics: css, dom, html, pwa, reactive, spa, swift, web, webber
• Language: Swift
• Homepage: https://swifweb.com
• Size: 1.81 MB
• Stars: 162
• Watchers: 10
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - web

README

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



    

        

    

    

        

    

    

        

    



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)

Special thanks to [Tierra Cero](https://github.com/tierracero) for all his love and commitment into SwifWeb project.