【一部出社あり／週2〜3／Next.js】EC/D2C・大規模コマースフロントエンド高速化＆App Router刷新開発

お任せしたいこと
［役割］
Next.js 15+ (App Router) / React 19 / TypeScript を用いた、月間数千万 PV 規模の D2C コマース・ブランドモールにおけるフロントエンドアーキテクチャ刷新および Web Vitals パフォーマンス最適化

［役割に対して求める成果］
Pages Router から App Router (Server Components / Server Actions) への移行および画像配信（next/image）の最適化により、主要商品詳細ページの INP (Interaction to Next Paint) を 120ms 以下に短縮し、Core Web Vitals の「良好」スコア達成率を 95% 以上へ改善

具体的な業務内容
Next.js App Router (RSC, Suspense, Parallel Routes, Server Actions) を活用した、商品検索・カート・購入フローの設計・実装
サーバーサイドレンダリング（SSR）とエッジキャッシュ（ISR / Partial Prerendering）を組み合わせた表示速度の最適化
Tailwind CSS / shadcn/ui を用いた、デザインシステムに基づく再利用可能な UI コンポーネント群の構築・保守
GraphQL / REST API 経由でのヘッドレスコマース（Shopify Storefront API や自社バックエンド）とのデータ連携
Playwright / Vitest / Testing Library を用いた、決済・カート導線などクリティカルパスの自動 E2E・結合テスト構築

必須スキル・経験
Next.js および TypeScript を用いた Web アプリケーションの実務開発経験（3年以上）
Next.js App Router (React Server Components) の実務利用または深い理解
Core Web Vitals (LCP, INP, CLS) の計測・分析およびフロントエンドパフォーマンスチューニングの実績
Git / GitHub を用いたチームでの Pull Request ベース開発およびコードレビュー経験

歓迎スキル・経験
EC、D2C、メディア、マッチングサービスなど高トラフィックなコンシューマー向けプロダクトの開発実績
Shopify（Liquid / Storefront API / Hydrogen）または ヘッドレス CMS（MicroCMS, Contentful 等）との連携経験
Vercel, Cloudflare, または AWS (CloudFront, Amplify, ECS) でのフロントエンドデプロイ・エッジ配信運用知見
デザインツール（Figma）からのコンポーネント設計およびデザイントークン運用の経験

開発環境
フレームワーク/言語: Next.js 15+, React 19, TypeScript 5.x, Tailwind CSS, shadcn/ui
通信/データ: GraphQL (Apollo Client / urql), REST API, TanStack Query
テスト/ツール: Vitest, React Testing Library, Playwright, Storybook, Biome / ESLint
インフラ/CI: Vercel, AWS (CloudFront, S3), GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

働き方
リモート環境
[一部出社あり] 週2〜3日出社 / 週2〜3日リモートワーク