next.js の AMP mode を使って静的サイトを作る

テクノロジーカテゴリーの変更を依頼記事元:

mizchi.dev

49 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

hiro14aki ちょうど Next.js の SSG を試してたところだったので参考になる。

Next.js

2020/05/07 リンク

k2wanko ampは縛りプレイでスコアが上がるゲームのよう

2020/05/07 リンク

hiroomi "WebWorker 環境に指定要素の DOM の仮想的なオブジェクトを生成して、それを操作することで、DOM に反映させる"

amp

2020/05/07 リンク

mizchi 書いた。next.js の AMP 対応と、それを使って静的サイト(ジェネレータ)を作ってる話

2020/05/06 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

next.js の AMP mode を使って静的サイトを作る

この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。コードはこちらです... この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。コードはこちらです amdx/packages/ssg at master · mizchi/amdx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugin を使って記述します。モバイルでは、Google の検索結果画面からは GoogleCDN 上のキャッシュが返却されるので、非常に高速に開くことができます。 (⚡ マークが AMP 対応の印) モバイルに限らず、ある種のベストプラクティスの強制なので、PC でも AMP 対応することに意味はあります。この記事では、実際にこのブログのための SSG を作る過程で、どのように next.js 上で AMP

ブックマークしたユーザー

nomnel2021/06/20
d_animal1412020/11/09
lluky2020/07/04
hush_in2020/05/10
progfay2020/05/08
yuni3s2020/05/08
kkeisuke2020/05/08
arx0balest2020/05/07
ytsk2020/05/07
hasunuma06132020/05/07
threeMonths2020/05/07
hiro14aki2020/05/07
k2wanko2020/05/07
little_dove11022020/05/07
kotsan2020/05/07
wazly2020/05/07
syunnchang2020/05/07
mitukiii2020/05/07

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx