LinodeでTailwind CSSを使ってブログを構築する|Bootstrapの代替手段
このビデオでは、@CodeWithHarryがTailwind CSSを使ってブログをプログラムし、デプロイする方法を紹介します。このビデオの終わりには、Linodeインスタンスで自分のブログをホストする方法を学ぶことができます。
チャプター
0:00はじめに
0:24新しいNextプロジェクトを作成する
0:45ブログテンプレートを探す
1:40 ブログテンプレートをインポートする
2:50次のアプリを作る
3:50カスタマイズインデックス
4:45グローバルスタイルにフォントを追加する
5:20 ナビバーコンポーネントの作成
7:50 Alpine.jsとFont Awesomeをインストールする。
11:50footer.jsの作成
13:00 インデックスのカスタマイズを続ける
19:00 LinodeでMongoDBインスタンスをスピンアップする。
21:10MongoDBクラスタにログインする。
22:10 ファイアウォールのアップデート
23:50データベースの作成
25:20 Next.jsとMongoDBをセットアップする。
28:00 MongoDBをローカルにインストールする
31:10 新しいドキュメントを作成する
31:50接続の問題を解決する
32:50 画像のサイズを更新する
35:00 カスタマイズインデックスを完成させる
37:20 /postページのトラブルシューティング
38:16ブログ名をナビバーに追加する
40:00投稿の修正方法
42:00 サイドバーコンポーネントの作成
44:20 応答性を確認する
44:40 応答性の問題を解決する
49:05MongoDB Compassに投稿を取り込む
51:45データベースからブログ記事を取得する
52:02 getBlog.jsとgetBlogs.jsの作成
55:00 ブログタグを更新する
56:40 マークアップ作成機能を設定する
58:20 メタディスクリプションを設定する
59:10 スラッグのフェッチコンテンツ
1:12:00セレクトポストを更新
1:13:35まとめ
Linodeは初めてですか?100ドルのクレジットで始めましょう!
ウェブ開発言語についての詳細はこちらをご覧ください。
Tailwind CSSについてもっと知る。
新しいエピソードが公開されたらお知らせします。
#Linode #Tailwindcss #webdevelopment
製品です:Linode、Blog、Tailwind CSS; @CodeWithHarry