快速 Nuxt 3

すばやくNuxt 3を理解したいエンジニアのサイト(を作成中)

Nuxt 3 パブリック Beta リリース 🎉

2021年10月12日(火)の23:00(日本時間)に、待望の Nuxt 3 public beta(Nuxt 3.0.0-beta)がリリース されました。

このサイトは、いち早く Nuxt 3 を理解したい方のために Nuxt 3 を使用して構築したサイトです。

Nuxt 3 を使ってどんなことができるか知りたい方は、ぜひゆっくりしていってくださいね🍵

Nuxt 3 について

NuxtVue.js をベースに開発された、フロントエンド開発者・ Web アプリケーションの開発者が高速で高機能な Web サイトの構築を可能にするフレームワークです。

CoC(設定より規約)の考え方にもとづき、最小限の設定のみで、多数のベストプラクティスな実装による機能により、豊かな開発体験が得られます。

Vue.js 単体での開発では少なからず時間の要する、 SSR や ルーティングといったアプリケーション開発に欠かせない機能を、網羅的に提供しているのが Nuxt です。

Nuxt 3 の特徴

さらに軽量に、さらに高速に、さらに手間なく(コンテンツ制作中)
さらに快適になった圧倒的な開発体験(コンテンツ制作中)
Vue 3 : Composition API , <script setup> , Suspense(コンテンツ制作中)
Nitro : 次世代レンダリングエンジン(コンテンツ制作中)

勉強会カレンダー

connpass API を使用し JavaScript と TypeScript の勉強会情報を取得しています。

勉強会カレンダーのページを表示

サーバーサイドのカウンター

Views Count: 0 fetched by Direct API calls using useFetch()

サーバー側生成時刻 : 2021-12-02 00:00:00

Composition Function を使用したカウンター

Composable Counter: 0(x 2 = 0)

Pinia を使用したカウンター

Pinia Counter: 10(x 2 = 20)