※この記事の内容は2022/09/28時点での情報です。

はじめに

こんにちは、Kotaです。

現在、Nuxt3はv3.0.0-rc.11が最新版として公開されています。現段階でrc版をプロダクトに導入するかどうか悩みどころかもしれませんが、正式版リリースに向けてrc版からキャッチアップしておくのは大事ですよね。
個人的には、このブログをCMSにmicroCMS、フロントエンドにNuxt3(SSG)を採用することでJamstackなサイトにしようとフロント開発を行っているところです。

正式版リリースが待望されますが、今回はrc版で既に公開されているプロジェクト(+その他参考物)をまとめてみました。
とは言っても個人的に参考にさせていただいているものばかりですが、Nuxt3を学習中の方の参考になれば幸いです。

『tech-blog-vue3-nuxt3』

参考：GitHub
rc-8で開発されているプロジェクトです。CMSにはcontentfulが採用されています。READ.MEの内容がとても詳細かつ親切に記載されているのもとても嬉しいです。僕は普段開発をしていてこのレベルのREAD.MEを書くことがなかったので、こういったコード以外の部分も非常に勉強になります。

また、本プロジェクトを公開している企業のCEO兼CTOの方が、開発の経緯や自社メディアを検討している人に向けた紹介記事を公開しています。こちらもとても参考になります。

『mirumi-tech-frontend』

参考：GitHub
rc-11で開発されているプロジェクトです。個人開発されているブログサイトで、非常に短い期間でコミットが更新されており、最新バージョンで開発されていることからも参考度はとても高いと思います。

こちらの開発者の方も紹介記事を公開しており、サイトのアーキテクチャやrc版で開発してみた所感も書かれています。

その他

参考：プログラミング教室 Kikuチャンネル / YouTube
直近2ヶ月ほどでNuxt3に関する動画を更新しているYouTubeチャンネルです。
Vue3に関する動画も豊富で、個人的なニーズにはぴったりなのでよく拝見しています。
まずはカジュアルに理解してみたい方におすすめです。

参考：The Nuxt 3 Bootcamp - The Complete Developer Guide / Udemy
他の参考物と比較するとやや情報は古いですが、Nuxt3の詳細を取り扱っている数少ない学習教材です。日本語には対応していませんが、Vue3やNuxt2に理解ある方であれば問題なく見られると思います。認証処理にSupabaseを採用しているのも特徴です。

まとめ

時期に正式版がリリースされるであろう今の段階で本記事を書くのも悩みましたが、少しでも僕と似たような立場の方の参考になれば幸いです。今後また参考になりそうなものがあれば追記します。
最後に、最新情報のキャッチアップを積極的に行い、その知見を一般公開して下さっている偉大な先駆者の方々に感謝です。