私は最近、私のウェブサイト「フロントエンド開発者のためのサーバーレスの力」（ThePowerofServerless.info）をオーバーホールしました。これは、サーバーレスの旅から生まれたプロジェクトです。私の知識(shí)は成長(zhǎng)し続けていますが、更新の時(shí)だと感じました。

この改良されたサイトは現(xiàn)在、CSS-トリックのサブドメインとして存在しています： https：//miracleart.cn/link/11704f23ce575ce798a87a9390e5edc4

サーバーレス革命の理解

サーバーレスアーキテクチャは、大きな変化を表しています。獨(dú)自のサーバーを管理する代わりに、オンデマンドのコモディテ?；丹欷骏楗Ε丧辚僵`スを活用します。

これは靜的なホスティングにつながり、多くの利點(diǎn)を提供します。 Netlifyのようなプラットフォームは、稲妻のパフォーマンスと開発者に優(yōu)しいエクスペリエンスを提供します。バックエンドのニーズは、クラウド関數(shù)を通じて効率的かつ費(fèi)用対効果の高い処理されます。

これは、フロントエンド開発者にとってゲームを変えるものです。 JavaScriptの力はすでに機(jī)能を大幅に拡大しており、Jamstackアプローチにより、JavaScript開発者は完全なWebサイトをエンドツーエンドで構(gòu)築できるようになりました。

ただし、さまざまなサービスを統(tǒng)合することは依然として重要です。このサイトは包括的なリソースとして機(jī)能し、サーバーレスの概念を説明し、必須サービスのディレクトリを提供し、フォーム処理、データストレージ、ユーザー認(rèn)証、利用可能なコンテンツ管理システムなどの質(zhì)問に対処します。

このサイトには、革新的なサーバーレスアプリケーションのアイデア専用のセクションも含まれており、獨(dú)自のサーバーレスWebサイトを探索し、潛在的に構(gòu)築するように促します。

デザインとイラストクレジット

ビジュアルデザインは、Kylie Timpani（V17 CSS-Tricksデザインの背後にもある！）によるもので、イラストはGeri Coadyによるものです。不完全さは私の責(zé)任だけです。私はサイトを継続的に改良しています。

オープンソースとコミュニティの貢獻(xiàn)

プロジェクトのコードは、GitHub：[GitHub Linkはこちら]（GitHubリンクを挿入）で入手できます。貢獻(xiàn)は溫かく歓迎されています！コピーの編集、サービスの追加、アクセシビリティの改善、またはその他の強(qiáng)化を手伝ってください。あなた自身の仕事をリンクすることはできますが、他のプロジェクトをサポートする貢獻(xiàn)が一般的に推奨されます。プルリクエストの受け入れは私の裁量で行われます。電子メールで、またはgithubの問題を開くことで、大幅な変更について話し合ってください。いくつかの問題がすでに存在しています。

私はこの分野の企業(yè)からサイトでの代表のために関心を持っていると予想しており、そのような貢獻(xiàn)を歓迎します。スポンサーシップの機(jī)會(huì)は、將來的にも検討される場(chǎng)合があります。

ギャツビーとのコンポーネントベースのアーキテクチャ

このプロジェクトにギャツビーを選びました。このような小さなサイト（數(shù)ページの靜的なコンテンツ）は、GatsbyがReactの開発を可能にしながら提供するサーバー側(cè)のレンダリングの恩恵を受けます。 next.jsとReact-staticは、同様の機(jī)能を提供します。

JavaScriptの私の選択は、コンポーネントベースのサイトアーキテクチャの習(xí)熟度から生じました。サーバー側(cè)のテンプレートはコンポーネントのような機(jī)能を提供しますが、React、Vue、AngularなどのJavaScriptフレームワークは優(yōu)れた汎用性を提供します。これらのフレームワークでのファーストクラスのサーバー側(cè)のレンダリングの可用性は、大きな利點(diǎn)です。レンダリング後の水分補(bǔ)給は、スムーズなシングルページアプリケーション（SPA）エクスペリエンスを提供します。

より複雑なデータ構(gòu)造の場(chǎng)合、単純なマークダウンファイルを超えて移動(dòng)し、本格的なCMSをGraphQLエンドポイントと統(tǒng)合する必要がある場(chǎng)合があります。これは、將來の開発の有望な領(lǐng)域を表しています。

以上がサーバーレスv2.0のパワー！ （現(xiàn)在、Netlifyでホストされているオープンソースのギャツビーサイト）の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。