nacal / jamstack-blog

Nuxt.js JAMstack Blog

JAMstack Blog Project

NKTech

Overview

Nuxt.jsでSSGを利用し、静的ページを事前に生成。CDNにHTMLファイルのキャッシュを用意しておき配信することで高速なWebページの表示を実現できる技術"JAMstack"でブログサイトを作成。

静的ホスティングサービスであるNetlifyを利用してビルドからホスティングを行い、Webhook機能を用いてヘッドレスCMSであるContentfulからのフックを受け付けて更新時に自動でデプロイする。

Assets

• Vue.js
  • Nuxt.js
  • Vuetify
• Contentful
• Netlify
• GitHub

Architecture

jamstack-blog's Issues

ts化

大規模になってきたのでts導入したくなってきた

ドメイン，ホスティング

もうすぐ無料ドメインが貰えるのでそれをブログにする(もしくはサブドメイン)

Amplifyへの移行

alt属性の見直し

画像のalt属性について見直しが必要。
例えばアイキャッチ画像では、背景色や装飾の種類などは重要な要素ではない。
コンテンツとして理解してもらうために必要な要素とそうでない要素を見極める。

components整理

グローバルCSS(FLOCSS)からscopedへの移行に併せて/componentsの中を整理したい

cpmponents整理

componentsディレクトリ整理
FLOCSSからscopedに

ヘッダー周りのコードを整理

フッター周りのコードを整理

/components直下が複雑化してきたので各レイアウトのフォルダを作成して整理する
一部global cssになっている部分をscopedに、クラス名FLOCSSじゃなくても良さそう

デザイン大幅変更

もしくは作り直す？

vercelへの移行検討

NetlifyのCDNあんま速くない？

リニューアルのため閉鎖

新ブログへの移行のため閉鎖

エントリーポイント設定

scoped cssに

設計を考えないと

ページ内にh1は一つ？

読み上げソフトやSEOの観点から見るとセクションごとのh1要素は有効であるとの考え方もあるが、最善な方法はやはり1ページに1つのh1と教えていただいた。もう少し調べてから変更を検討。