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
こちらもご覧ください...
-
人工知能 アプリケーションにおけるエラー処理とセキュリティ管理｜Web Development With人工知能 Episode 7
このビデオでは、オースティンがバグの修正に時間を割き、悪質業者からの保護を追加し、人工知能-特有の攻撃ベクトルについて説明する。 -
Moodleを使ってオンラインコースを開設しよう｜DIY Cloud Tutorials
Moodleは、アクセシビリティなどを優先したオープンソースの貢献者のコミュニティがある学習管理システムです。 -
インボイス忍者で中小企業の請求書作成を効率化｜オールインワン請求書作成ツール
Linode上のDockerコンテナでホストされるオープンソースの請求書作成ソリューション、@appinvoiceninjaのセットアップ方法を@DBTechYTが紹介しています。 -
Apache Kafka解説｜何が高速で信頼できるのか？
このビデオでガーディナーは、イベントストアとストリーム処理プラットフォームであるApache Kafkaについて説明し、何がそれほど高速なのかを説明している。