Next.js × WordPressでリニューアル

ポートフォリオサイトをリニューアルしたいなとずっと思っていて、フロントエンドをNext.js、サーバーサイドをWordPressで構成する今時なサイト構築を行いたくて実装しました。

結構、苦労したのですが自己満足は満たされた笑

苦労した点

  • ページネーションの実装

 

勉強できた点

  • コンポーネント化
  • SCSSでのネストとScoped CSSの特性
  • WP GraphQLからデータの受け渡し方
  • Next.jsの静的エクスポート時の注意事項

構成した内容

  • SCSS
  • Tailwind CSS