4m-mazi / mmmm

コミュニティのサイト
https://4m-mazi.dev
MIT License
7 stars 2 forks source link

サイトのページをnunjucksからtsxに変更 #16

Closed hulk510 closed 1 year ago

hulk510 commented 1 year ago

nunjucksを脱却するためにtsxで書き換えた。 もはや、markdownに関してもtsxにする方が便利な気がしてきた。

_dataフォルダのnavigation.ymlの取得方法がわからなかったのでnavigation.tsで定義しなおしたけど正直別に_dataフォルダに入れる必要は亡くなった。

layoutで使用している、PageDataに関しては、mdファイルか_data.ymlで指定すればtsx側で勝手に取得して表示してくれるみたい。

cloudflare-workers-and-pages[bot] commented 1 year ago

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: e19a80e
Status: ✅  Deploy successful!
Preview URL: https://b61ac0c6.mmmm-a0e.pages.dev
Branch Preview URL: https://feature-create-page.mmmm-a0e.pages.dev

View logs

github-actions[bot] commented 1 year ago
Latest commit: 36195bc ( base: ff0048d + head: e19a80e )
Status: ✅  Deploy successful!
Preview URL: https://cbc74bd0.mmmm-a0e.pages.dev
PR Preview URL: https://pull-16-merge.mmmm-a0e.pages.dev

View workflow logs View Cloudflare logs

hulk510 commented 1 year ago

mdではなく、tsxでページを作成する場合は、data.ymlを使わずにexport const title = "title"みたいな形にしろって書いてあるのでtsxにするとdata.ymlをあんまり意識しなくても良さそう。mdとかnjkで使う際に便利って感じな気がする(知らんけど) あと試す過程で適当にデザイン変えた