Vercel(Next.js)でホームーページリニューアル中！

5年ぶりのリニューアル計画

自分のホームページの手入れは後回しになりがちですね。

本サイトのリニューアルは5年以上前ですが、月日は流れ技術の流行も移り変わりました。

今回は最近のトレンドも取り入れつつホームページを刷新するため、VercelとWordpressを組み合わせたヘッドレスCMS構成でリニューアル構築を行うことにしました。

使って分かったNext.jsの威力

調べるのと実践するのはやはり違いますね。

実際に作って動かしてみると、やはりVercelは高速で、かつ開発効率が非常に良いことが分かりました。

GitHubのpushと連動した自動デプロイはもちろん、コンポーネント単位のISR/SSG/CSRの切り替えも柔軟でいい感じです。

SEOも期待できそうです。

Three.jsの採用も挑戦

新たな試みとしてThree.jsもサイトのデザインとして取り入れました。

Mayaで作成した3Dモデルをfbxでインポート/エクスポートして実装しています。

カメラとライティングはThree.js上で作成し、Mayaのアニメーションと統合しました。

こちらも画期的な技術であり、表現の幅が広がったなと感じました。

WordPressサイトのNext.js化 承ります

というわけで自社サイトリニューアル計画の話でしたが、WordPressの表示速度やグーグル評価が落ちていて困っている方、

モダンな技術に興味がありプロジェクトに取り入れたいという方がいらっしゃいましたら、力になれるかもしれませんのでお声がけいただけましたら幸いです。

CMSにつきましては、WordPressに限らずNotionやその他クラウドCMSでも大体大丈夫です。

お気軽にどうぞ！