Swift로 웹사이트를 만드는 방법

• Vapor + Leaf
• Publish
• SwifWeb
• swift-web
• SwiftWebUI
• Tokamak

Vapor + Leaf

Server side 프레임워크인 vapor와 leaf를 사용하는 방법입니다.
leaf를 사용해 dynamic html 페이지를 렌더링할 수 있습니다.
https://github.com/vapor/vapor
https://github.com/vapor/leaf
https://docs.vapor.codes/leaf/getting-started

Publish

해외쪽에서 iOS 개발자 분들의 블로그들을 보다보면 가끔 만나볼 수 있는 프레임워크입니다.
Static site를 생성하고, 블로그쪽에서 유명한것같습니다.
디자인 퀄리티를 높이면 순수 Swift만 사용하여 만들기는 어렵고 css같은거를 만들고 건드려야합니다.
run을 하면 Output/ 에 html로 변환시킨 결과물이 나옵니다.
Publish로 만들어진 대표적인 블로그는 아래가 있습니다.
Publish를 만드신 장본인이기도 합니다.
https://swiftbysundell.com
https://github.com/johnsundell/publish

SwifWeb

유명하지는 않은데 Single Page Application(SPA)을 만들 수 있고, Progressive Web Apps(PWA)도 만들 수 있는 꽤나 흥미롭게 봤던 프레임워크입니다.
어쩌다보니 제 개인 웹 포트폴리오를 이거로 만들어버렸습니다(?).
순수 Swift코드만을 작성하여 만들 수 있습니다.
단, 시작점의 로딩 애니메이션이나 트위터카드같은거를 바꾸기 위해서는 index.html을 건드려야합니다.
release를 하면 wasm로 변환시켜서 결과물이 나옵니다.
https://github.com/swifweb/web

swift-web

The Composable Architecture를 만든 Pointfreeco에서 만든 프레임워크입니다.
뭔가 생긴게 신기하네요.
https://github.com/pointfreeco/swift-web

SwiftWebUI

SwiftUI 작성하듯 코드를 작성하여 웹페이지를 만들 수 있습니다.
실행하고 네트워크 탭을 보니 스타일 관련해서 뭔가 엄청나게 많이 요청이 갔던 기억이 있습니다.
https://github.com/SwiftWebUI/SwiftWebUI

Tokamak

위에서 SwiftWebUI와 같이 SwiftUI같이 코드를 작성하여 웹페이지를 만들 수 있습니다.
그리고 패키지로 있는 TokamakStaticHTML을 사용하여 Vapor나 Publish와 같은 프레임워크에 static 렌더링이 필요한 경우 사용할 수도 있다고 하더군요.
결과물은 wasm로 나옵니다.
https://github.com/TokamakUI/Tokamak
이 정도가 제가 알아본 Swift로 웹페이지를 만드는 방법들입니다.
혹시 이 글을 보는 지금, 한 번 Swift로 웹페이지를 만들어보는거 어떤가요?