Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Nuxt.jsが実際のプロダクトで導入されるケースが増えて来ている為、ElementUIと合わせて触ってみました。また、vue-cliのv3betaが試せるタイミングでしたので、合わせて触ってみました。 TL;DR Nuxt.js + ElementUIのサンプル作成 vue-cliのv3(現時点では3.0.0-beta.6)でのvue init vue addでのelement-uiライブラリ導入 Github:https://github.com/locol23/learn-nuxt-elementui 後述のnowでデプロイしたデモサイト:https://learn-nuxt-elementui-gacofatvgh.now.sh コンテナ停止中の場合は、ページが表示されない為、リロードをお願いします。 対象読者 Nuxt.jsが気になっているが、まだ触っていない ElementUI
2018 年に入ってからは Vue.js / Nuxt.js を採用した Web サイト開発に携わっています。ログイン機能がある Web サイトで、データは API サーバーを叩いて取得するという構成。最近のフロントエンド開発は、感覚としてはアプリ開発ですね。 Vue.js に加えて Nuxt.js を採用したのは SSR(Server Side Rendering)をしたいという理由に尽きます。SSR することによるメリットは、以下となります: Facebook や Twitter が OGP タグを正しく評価してくれる 検索エンジンがサイトを正しく評価してくれる 副産物として、ログインユーザー情報が描画されて返るため、クライアント側で描画されるまでの空白状態がユーザーに見えない この記事ではそんな Vue.js / Nuxt.js を採用した Web 開発で得た知見を紹介していきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く