증기 + 잎

서버측 프레임워크인 Vapor와 Leaf를 사용하는 방법입니다.
시트를 사용하여 동적 HTML 페이지를 렌더링할 수 있습니다.

게시

해외 iOS 개발자들의 블로그를 보면 가끔 이런 프레임이 보입니다.
정적 사이트를 생성하고 블로그 사이트에서 유명한 것 같습니다.

'추천 관련글,

디자인 퀄리티를 높이면 순수한 Swift만 사용하기 어렵고 CSS 같은 것을 만들고 만져야 합니다.
실행하면 HTML로 변환된 출력이 Output/에 표시됩니다.

Publish로 만든 대표적인 블로그는 다음과 같습니다.
Publish의 창시자이기도 합니다.
https://swiftbysundell.com

유명하지는 않지만 SPA(Single Page Applications) 및 PWA(Progressive Web Apps)를 구축하는 데 매우 흥미로웠던 프레임워크입니다.
내 개인적인 종류 웹 포트폴리오만들어(?).

순수한 Swift 코드를 작성하여 빌드할 수 있습니다.
단, 시작점이나 트위터 지도의 로딩 애니메이션을 변경하려면 index.html을 터치해야 합니다.
해제되면 결과가 wasm으로 변환됩니다.

The Composable Architecture의 창시자인 Pointfreeco가 만든 프레임워크입니다.
놀라운 일이 일어났습니다.

SwiftUI를 작성하듯이 코드를 작성하여 웹 페이지를 생성할 수 있습니다.
실행하고 네트워크 탭을 보니 스타일 관련 요청이 많았던 기억이 납니다.

위의 SwiftWebUI와 마찬가지로 SwiftUI와 같은 코드를 작성하여 웹 페이지를 만들 수 있습니다.
그리고 래핑된 TokamakStaticHTML로 증기나 게시프레임워크에 정적 렌더링이 필요한 경우 사용할 수 있습니다.

출력은 wasm입니다.

이것이 제가 알고 있는 Swift로 웹페이지를 만드는 방법입니다.
이 기사를 읽고 있는 지금, Swift로 웹사이트를 구축하는 것은 어떻습니까?