Home 技術記事 GraphQLキャッシング、EdgeJSフィドル、Astroサポート
Applications

GraphQLキャッシング、EdgeJSフィドル、Astroサポート

About The Author

Outline

お知らせ

VUE Nation: NuxtとShopifyで高性能eコマースを開発

Universal StandardがLayer0とNuxtを活用したShopify eコマースサイトでモバイル会話率を200%向上させた方法をご覧ください。 すべてVue Nationにあります。 シームレスな移行のための開発者のヒントと、参加する必要があるテクニックを確認できます。

ボーナスとして : Vue 3、Nuxt 3、Apollo、Tailwind 3、Piniaを使用して、Shopifyでヘッドレスeコマースを開発するためのオープンソーススターターキットであるNuxtShopにアクセスします。

無料で登録

製品のアップデート

GraphQLキャッシング

Layer0は、エッジでのGraphQL APIのキャッシュを完全にサポートします。 GraphQL APIの前にLayer0を配置すると、オリジンに到達するトラフィックの量を減らしながら、パフォーマンスを大幅に向上させることができます。 強力なカスタムキャッシングロジックベースのCookie、認証、URLパターン、およびHTTPヘッダーの作成をレイヤー0で今すぐ開始しましょう。

GraphQL APIまたはWatchチュートリアルをキャッシュする

WebアプリケーションCDNオンボーディング

Layer0ソフトウェアは、複数の業界でクラス最高のヘッドレスWebサイトを実現します。 これで、バックエンドプラットフォームやフロントエンドフレームワークのWeb CDNと同じLayer0ソフトウェアを使用できるようになりました。 そして、それはすべてライムライトの大規模なグローバルネットワークの端から提供されます。 どのウェブサイトでも、ビルダーの速度とウェブサイトのパフォーマンスの両方を加速できるようになりました。 迅速なオンボーディングフローにより、サイトを数分で作成して展開できます。

EdgeJSフィドル

EdgeJS は、エッジロジックのためのJavaScriptベース、パフォーマンス、宣言型、フレームワーク非依存の言語である。 開発者は、Layer0プラットフォームがネイティブコードにコンパイルすることで、使い慣れたJavaScriptでエッジロジックを作成でき、両方の長所を実証できます。 アプリケーション・コードにエッジ・ロジックを直接埋め込むことで、レイテンシーが低く、パフォーマンスが高速になります。 試してみる? EdgeJS FiddleページはLayer0(Edgio) Edge Networkをシミュレートして おり、ブラウザでEdgeJSを簡単に試すことができます。

ASTROフレームワークのサポート

ASTROは、React、svelte、Vueなど、お気に入りのフレームワークを使用して、信じられないほど無駄のない静的ウェブサイトを構築するためのホットな新しいツールです。 デフォルトでは、アストロは0 JavaScriptをブラウザに提供し、必要に応じて完全なインタラクティブコンポーネントのみをロードします。 Layer0は常にフレームワークに依存しませんでしたが、最近Astroの自動構成サポートを追加し、構成を減らしてすばやく開始できます。

ASTROフレームワークのサポート

ASTROは、React、svelte、Vueなど、お気に入りのフレームワークを使用して、信じられないほど無駄のない静的ウェブサイトを構築するためのホットな新しいツールです。 デフォルトでは、アストロは0 JavaScriptをブラウザに提供し、必要に応じて完全なインタラクティブコンポーネントのみをロードします。 Layer0は常にフレームワークに依存しませんでしたが、最近Astroの自動構成サポートを追加し、構成を減らしてすばやく開始できます。

Layer0(Edgio)にアストロをデプロイ

チュートリアル

REST APIをGraphQLに変換します。 このデモでは、人気のNext.jsフレームワーク、Apollo Server、Layer0を使用して、その方法とエッジでのキャッシュ機能を追加します。

リソース

LimelightによるLayer0でのサーバーレスホスティングによるEdgeでのGraphQL APIのキャッシュ

GraphQLはAPIのデータを読み書きするための一般的なクエリ言語であり、柔軟で強力で効率的なAPIを実現するためのヘッドレスWebサイトへのトレンドにおいて重要な技術です。 しかし、開発者はネットワークエッジでGraphQL APIをキャッシュする際に課題に直面します。 Layerは、Cookie、認証、URLパターン、HTTPヘッダーに基づいて、GraphQLのエッジキャッシュをきめ細かく行うことができるソリューションを開発しました。

LimelightによるLayer0のアナウンス

CDNをスタックにベイクする方法を再考する時が来ました。 Layer0 by Limelightは、チームの速度を向上させ、可能な限り最速のサイトを解放するのに役立つ新しいEdgeプラットフォームです。

Alex RussellとFrances BerrimanによるPWAの未来

2015年、夫婦のチームであるアレックス・ラッセルとフランシス・ベリマンはプログレッシブ・ウェブ・アプリ(PWA)を開発した。 JavaScript Jamのこのエピソードでは 、PWAの現在と将来の状態、エンジンの多様性、フレームワークの選択についての彼らの見解をお聞きください。