タグ

vueとnuxtに関するkathewのブックマーク (4)

  • Nuxt.js使ってみた - Qiita

    福岡でVR・アプリ開発をやっている株式会社OneSmallStepの@_takeshi_24です。 公開から2年が経ち、この記事の内容も少し古くなってきました。 Nuxt.jsやFirebaseを使って、サーバーレスでWebアプリケーションを開発する手順について、アドベントカレンダー「diffeasyCTO西の24(にし)日連続投稿チャレンジ Advent Calendar 2019」の中で、「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発」シリーズとして、連載していきます。 Nuxt.jsとFirebaseなどを使ってWebアプリケーション開発にチャレンジしたい方、是非Qiitaアカウントかtwitterをフォローしていただき、ツッコミやいいね!お願いします! Nuxt.jsとは 公式ドキュメントに詳しく書いていますが、Vue.js アプリケーションを構

    Nuxt.js使ってみた - Qiita
  • Nuxt.js を開発に導入する - Laravel と Nuxt で SSR ブログアプリを開発する #2 - dev 記録

  • 【Nuxt.js】Vue.jsをより効果的に使えるフレームワークのメリットや利用シーンを紹介!|Udemy メディア

    Nuxt.jsでできること では、Nuxt.jsで何ができるのでしょうか?例えば、次のようなことができます。 SSR(サーバーサイドレンダリング) SSR(サーバーサイドレンダリング)とは、「JavaScriptをサーバー内部で実行してHTMLを生成し、クライアントに返す仕組み」です。JavaScript来Webブラウザ上で実行されるものでしたが、サーバー側で実行することにより、処理を早められます。 処理は下図の流れで行われます。 ルーティング ルーティングとは「クライアントからのリクエスト内容と、サーバー処理を関連付ける動作」です。Nuxt.jsは、ルーティングが簡単に設定できるようになっています。どのように簡単になっているかは後述します。 head要素の管理 metaタグの管理を、JavaScriptのオブジェクトベースで記載できます。設定ファイルに記載してフォーマット化しておけば

    【Nuxt.js】Vue.jsをより効果的に使えるフレームワークのメリットや利用シーンを紹介!|Udemy メディア
  • Nuxt ライフサイクル

    Nuxt ライフサイクル どのツールを使う場合でも、ツールが内部でどのように機能するかを理解すると常に自信が持てるようになります。同じことが Nuxt にも当てはまります。 この章の目的は、フレームワークのさまざまな部分とそれらの実行順序、およびどのように連携するかについての概要を説明することです。 Nuxt ライフサイクルはアプリケーションがバンドルされ、チャンク化され、縮小されるビルドフェーズの後に何が起こるかを説明します。このフェーズの後に何が起こるかは、サーバーサイドのレンダリングが有効になっているかどうかによって異なります。有効になっている場合は、選択したサーバーサイドレンダリングのタイプによってさらに異なります: 動的な SSR(nuxt start) または、静的サイト生成(nuxt generate) ライフサイクル サーバー SSR の場合、これらのステップはアプリケーシ

    Nuxt ライフサイクル
  • 1