https://github.com/clipcrow/clipcrow.com
クリップクロウ合同会社の企業WEBサイト。製品の紹介を中心におこないつつ、会社案内としてコンサルテーションやSIの事業についても言及する。
https://github.com/clipcrow/clipcrow.com
deno lume react ssg website
Last synced: 2 months ago
JSON representation
クリップクロウ合同会社の企業WEBサイト。製品の紹介を中心におこないつつ、会社案内としてコンサルテーションやSIの事業についても言及する。
- Host: GitHub
- URL: https://github.com/clipcrow/clipcrow.com
- Owner: clipcrow
- License: other
- Created: 2023-04-15T12:15:04.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2026-03-12T02:54:37.000Z (4 months ago)
- Last Synced: 2026-03-12T08:20:50.667Z (4 months ago)
- Topics: deno, lume, react, ssg, website
- Language: TypeScript
- Homepage: https://www.clipcrow.com/
- Size: 30.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# clipcrow.com
# 企業WEBサイト
クリップクロウの企業WEBサイト。会社案内としてコンサルテーションやSIの事業について言及し、
ClipCrowに関するページでは製品のカラー設計でデザインされている。
SSGとDevOps/CDを利用して、リポジトリにコンテンツをプッシュすると公開先クラウドに自動で展開させる。
## /(root)
静的サイトジェネレーター lume
を使用して構築されたサイト。以下の手順に従ってメンテナンスや操作を行える。
- Deno をインストールする
[reference](https://docs.deno.com/runtime/getting_started/installation/)
- このリポジトリをローカル環境にCloneする。リポジトリのルートフォルダに移動する
- 下記コマンドを実行する。WEBブラウザが自動的に開き、WEBサイトをプレビューできる
```sh
% deno task serve
```
お問い合わせSPAからの送信は、Lumeプラグインとして作ったSPA Proxyで受信している。
Deno Deploy上では同等機能の、serve.tsを用いて動作する。以下の設定を行う。
- DEV: .envファイルを用意して、"SLACK_WEBHOOK_URL"キーにSlack Webhook
URLを記載する。
- PROD: Deno Deployに、同上のキーを用意する。
### /src
サイトのコンテンツが格納されている。テンプレートにはReactを.tsxで利用している。
### /src/contact
お問い合わせの機能を提供するSPA。
- Lumeプラグインを用いて、deno bundleを実行している。
- SPAとしての依存関係は、/src/contact/deno.json で定義されている。
- お問い合わせを操作すると、"/slack"へ入力内容を送信する。SPA
Proxyもしくはserve.tsで受信して処理を行う
### /.github/workflows
GitHub Actionで、リポジトリへのプッシュがあったときにDeno
Deployへ自動配置するようにしている。
- GitHub Action の Dockerコンテナ上に、ソースコードをクローンする。
- Dockerコンテナ上で Lume
を自動実行する。このタイミングでWEBサイト構成物が生成される。
- denoland/deployctl プラグインを利用して、すべてのWEBサイト構成物をDeno
Deployにアップロードする。