Cloudflare Workers と Reactjs を使用したブログ Web サイト
2024 年 8 月 16 日に公開
ブラウズ：568
導入
最近、バックエンドに Hono.js 、フロントエンドに React.js を使用してブログ Web サイトを構築しました。この記事は、Cloudflare Workers を使用したバックエンドのセットアップから Vercel へのフロントエンドのデプロイまで、開発プロセス全体を説明することを目的としています。
使用した技術スタック:
- Hono.js: 高性能アプリケーションを構築するための軽量 Web フレームワーク。
- React.js: ユーザー インターフェイスを構築するための人気のある JavaScript ライブラリ。
- TypeScript: コードの品質を向上させるために静的型を追加する JavaScript のスーパーセット。
- Prisma および Prisma Accelerate: シームレスなデータベース管理のための ORM。
- PostgreSQL: 強力なオープンソースのリレーショナル データベース。
- Cloudinary: メディア コンテンツを管理するためのクラウドベースのサービス。
ここでプロジェクトをチェックしてください https://github.com/VaibhavArora314/blogging-website
自由にプロジェクトに貢献したり、フィードバックを共有したりしてください。
リリースステートメント
この記事は次の場所に転載されています: https://dev.to/vaibhav_31/blog-website-with-cloudflare-workers-and-reactjs-4pbi?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル
もっと>
-
**インデックスを無効にせずに InnoDB での一括挿入を最適化する方法**InnoDB での最適化された一括挿入のインデックスを無効にする一括挿入のパフォーマンスを向上させるために InnoDB テーブルのインデックスを無効にしようとすると、次のような問題が発生する可能性があります。 InnoDB のストレージ エンジンにはこの機能がないため、警告が表示されます。目的を達...プログラミング 2024 年 11 月 15 日に公開 -
「if」ステートメントを超えて: 明示的な「bool」変換を伴う型をキャストせずに使用できる場所は他にありますか?キャストなしで bool へのコンテキスト変換が可能クラスは bool への明示的な変換を定義し、そのインスタンス 't' を条件文で直接使用できるようにします。ただし、この明示的な変換では、キャストなしで bool として 't' を使用できる場所はどこですか?コン...プログラミング 2024 年 11 月 15 日に公開
-
MySQL を使用して今日が誕生日のユーザーを見つけるにはどうすればよいですか?MySQL を使用して今日の誕生日を持つユーザーを識別する方法MySQL を使用して今日がユーザーの誕生日かどうかを判断するには、誕生日が一致するすべての行を検索する必要があります。今日の日付。これは、UNIX タイムスタンプとして保存されている誕生日と今日の日付を比較する単純な MySQL クエリ...プログラミング 2024 年 11 月 15 日に公開
-
一意の ID を保持し、重複した名前を処理しながら、PHP で 2 つの連想配列を結合するにはどうすればよいですか?PHP での連想配列の結合PHP では、2 つの連想配列を 1 つの配列に結合するのが一般的なタスクです。次のリクエストを考えてみましょう:問題の説明:提供されたコードは 2 つの連想配列 $array1 と $array2 を定義します。目標は、両方の配列のすべてのキーと値のペアを統合する新しい配...プログラミング 2024 年 11 月 15 日に公開
-
Go で WebSocket を使用してリアルタイム通信を行うチャット アプリケーション、ライブ通知、共同作業ツールなど、リアルタイムの更新が必要なアプリを構築するには、従来の HTTP よりも高速でインタラクティブな通信方法が必要です。そこで WebSocket が登場します。今日は、アプリケーションにリアルタイム機能を追加できるように、Go で WebSo...プログラミング 2024 年 11 月 14 日公開
-
命令的アプローチを使用して React のネストされた状態を更新するにはどうすればよいですか?ネストされた状態を更新するための命令的アプローチReact では、状態の更新は不変です。これは、ネストされたオブジェクトまたは配列を更新する場合、そのプロパティを変更するだけでは、その変更が UI に反映されることを期待できないことを意味します。代わりに、更新された値を含む新しいオブジェクトまたは配...プログラミング 2024 年 11 月 14 日公開
-
アトミック変数のさまざまなメモリ順序モデルとは何ですか?メモリ順序の意味を理解するアトミック変数は、スレッド間での安全なメモリ アクセスと同期を提供します。さまざまなメモリの順序を効果的に利用するには、これらの順序を理解することが重要です。リラックス:メモリ同期なし。順序が変更される可能性がある最適化された操作読み取りと書き込み。順次一貫性(seq_cs...プログラミング 2024 年 11 月 14 日公開
-
For ループ内で return ステートメントを間違えると入力ループに影響するのはなぜですか?For ループ内の Return ステートメントの配置が間違っています課題で、目的にもかかわらず、プログラムが 1 匹のペットの入力しか許可しないという問題が発生しました。 3人分。この問題は、make_list 関数内の return ステートメントの位置に起因します。for ループ内では、ret...プログラミング 2024 年 11 月 14 日公開
-
macOS 上の Django で「ImproperlyConfigured: MySQLdb モジュールのロード中にエラーが発生しました」を修正する方法?MySQL の不適切な構成: 相対パスの問題Django で python manage.py runserver を実行すると、次のエラーが発生する場合があります:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library...プログラミング 2024 年 11 月 14 日公開
-
ユーザーがブートストラップ モーダルを閉じないようにするにはどうすればよいですか?ユーザーによるブートストラップ モーダルの終了を無効にするユーザーが領域外をクリックしてブートストラップ モーダルを閉じることを防止できます。これは、続行する前にユーザーに特定のモーダル コンテンツの操作を強制したい場合に便利です。モーダル背景クリック時の終了を無効にするデフォルトでは、ユーザーは次...プログラミング 2024 年 11 月 14 日公開
-
Python でネストされたリストを CSV ファイルにエクスポートするには?Python でネストされたリストを CSV ファイルにエクスポートする各内部リストに異なるタイプの要素が含まれるネストされたリストを CSV ファイルに書き込むと、次のことが可能になります。 Python でデータを操作する場合の一般的なタスクです。この課題に取り組む方法は次のとおりです。Pyth...プログラミング 2024 年 11 月 14 日公開
-
Go スライスの最後の要素を効率的に抽出するにはどうすればよいですか?スライスの最後の要素を抽出するための Go の最良のアプローチGo でスライスを操作する場合、要素を効率的に操作することが重要です。一般的なタスクの 1 つは最後の要素を抽出することですが、これはさまざまな方法で実現できます。既存のソリューションの欠点slice[len(slice)-1 を使用した...プログラミング 2024 年 11 月 14 日公開
-
動的要素の追加後に JavaScript イベントがトリガーされないのはなぜですか?動的要素の追加後に JavaScript イベントがトリガーされないDOM に新しい要素を追加した後に JavaScript イベントが起動しないという問題が発生しています。 。これは、jQuery がページの読み込み中に最初に実行されるときに存在する要素のみを認識するためです。これを解決するには、...プログラミング 2024 年 11 月 14 日公開
-
`unshift()` は JavaScript で要素を配列の先頭に追加する最も効率的な方法ですか?JavaScript での最適な配列の先頭への追加配列の先頭に要素を先頭に追加することは、JavaScript における一般的な要件です。ここでは、質問で提案されている従来の方法よりも優れたアプローチを検討します。Unshift メソッド: ネイティブ ソリューションJavaScript には、un...プログラミング 2024 年 11 月 14 日公開
-
JavaScript でコンストラクターを介してメソッドを定義すると、関数のコピーが重複して作成されますか?JavaScript でのプロトタイプとコンストラクターによるメソッド定義のパフォーマンスへの影響JavaScript では、パブリック関数を使用して「クラス」を作成するための 2 つのアプローチが存在します。プロトタイプまたはコンストラクターを使用します。方法 1 はコンストラクターを通じてインス...プログラミング 2024 年 11 月 14 日公開
中国語を勉強する
- 1 「歩く」は中国語で何と言いますか？ 走路 中国語の発音、走路 中国語学習
- 2 「飛行機に乗る」は中国語で何と言いますか？ 坐飞机 中国語の発音、坐飞机 中国語学習
- 3 「電車に乗る」は中国語で何と言いますか？ 坐火车 中国語の発音、坐火车 中国語学習
- 4 「バスに乗る」は中国語で何と言いますか？ 坐车 中国語の発音、坐车 中国語学習
- 5 中国語でドライブは何と言うでしょう？ 开车 中国語の発音、开车 中国語学習
- 6 水泳は中国語で何と言うでしょう？ 游泳 中国語の発音、游泳 中国語学習
- 7 中国語で自転車に乗るってなんて言うの？ 骑自行车 中国語の発音、骑自行车 中国語学習
- 8 中国語で挨拶はなんて言うの？ 你好中国語の発音、你好中国語学習
- 9 中国語でありがとうってなんて言うの？ 谢谢中国語の発音、谢谢中国語学習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
