SSG、ISR、SWRを活用しアクセスに応じて静的ファイルを再構築するようにしています。旧ブログをGatsbyとNetlifyCMSを用いて配信していたが投稿ハードルが高いことが課題でした。microCMSとVercelとNext.jsを活用することでスムーズな開発フローと運用フローを実現しました。機能面は今後追加していく予定。
TailwindCSSのPrefixをクラス名の先頭に自動付与するツール。Shopify Theme開発の効率化のためにTailwindCSSを導入。その際に既存のクラス名を上書きしないようにTailwindCSS Prefixを使用。Componentのクラス名の置換作業がかかるため作成。
バレルサウナ販売サイト。各地方の木材を使用したバレル(樽)型のサウナを販売するECサイトの構築。 GraphQLを使用してShopifyのStorefrontAPIを活用。記事の連携機能の開発を行う。カスタマイズに優れたSectionブロックを使用。
Shopifyで開発したECサービスサイト。Shopifyの基本的な開発、カスタマイズ機能の開発、サウナの施設Mapや予約管理システムの開発・導入を行いました。様々なブロックを追加することで動的に管理画面からカスタマイズができるように作成してます。
世界的に人気なドラマ・映画を確認できるサイト。 レコメンドで同じ動画しかおすすめされない方へおすすめ。 React.jsの基本的な使い方を知るために作成。 個人的には、Netflix Originalのトレンドが知りたくて活用しています。 自分のアカウントでは毎回おすすめが同じなもので...
直近数時間のTRENDとなるニュースを閲覧できるサイト。 ダークモードに対応。シンプルな見た目と操作性。 ChakraUI・Next.jsの主な使い方を把握するために作成。