shopify next.js tailwind

Shopify + next.js + tailwind cssコースへようこそ

ライブデモストア|コース

これは、next.js、Shopify Storefront API（GraphQL）、Tailwind CSS、およびVercelを使用した、制作可能なヘッドレスのShopifyストアフロントです。これは、www.buildnextshop.comで入手可能な「learn shopify + next. next.next. next. x + tailwind css」コースのプロジェクトです。

カバーされているトピック

• 2022年3月更新：Shopifyの水素をカバーするボーナス講義
• 2022年2月更新：SSG（静的サイト生成）Webサイトでコンテンツを自動的に更新するためにSWRを使用します。
• eコマースのためにnext.jsを使用した速いストアフロントを燃やします。
• React ContextとLocalStorageを使用したカートデータの管理。
• Tailwind CSSによる急速なコンポーネント開発。
• GraphQLクエリテストGraphIQLアプリを使用しています。
• Shopify Partnersアカウントとダッシュボード。
• Shopify StoreFront API（GraphQL）。
• 展開のためのvercel。

パフォーマンス

概要	パフォーマンスの内訳

将来の更新：

これは、現在ベータ版でリリースされている継続的なプロジェクトです。将来の更新には次のものが含まれます。

• 製品の更新などをトリガーするWebhooks
• Tailwind CSSを使用して、next.jsの追加のeコマース対応セクション（現在5はコース資産に含まれています）
• そしてもっともっと！

クレジット

Shopify、Vercel、およびTailwind Labsチームに、スピードのある信じられないほどの店頭を作成することが非常に簡単で楽しいチームに感謝します。