Vue.js + Nuxt.js + GraphCMSでHPリニューアルしました - ShoYamane.me
Vue.js + Nuxt.js + GraphCMSでHPリニューアルしました 今年2回目となりますが、HPをリニューアルしました。以前は普通にWordPressで作ってたんですが、Nuxt.jsがV1のRCリリースされてたので本格的に触ってたら題材がないのでHP作り変えるかって感じですね。 Nuxt.jsはVue.jsで作ったSPAをSSR（サーバサイドレンダリング）してくれるやつで大変便利なのですが、サーバーサイドというかnode.jsでゴニョゴニョやってるところもあるみたいでそのへん意識してコード書かないといけないので最初は理解が大変でした。ググっても情報も少ないのでGithubで色んなひとのコードを貪るように読みました。 せっかくなのでサーバーレスでいきたいのとCMSどうするかというところで色んなサービス触ったのでその辺の選定を書いてみたいと思います。Vue.js + Nuxt.
Vue.js + Nuxt.js + Element + WP REST APIでHPを作ってみた
今回、Vue.js + Nuxt.jsの勉強ということで何か作りたいなと思っていたところ、HP作ってみるかと思ったので早速やってみました。どんな感じか早速見てもらったほうが早いと思うので以下のリンクをご覧下さい。（スマホ対応はしていません。） DEMO なぜVue.js + Nuxt.jsでHPを作るのか？ Vue.jsが流行りで勉強目的だったのですが、jQueryでごにょごにょやっていたところがとても楽にできます。コンタクトフォームのバリデーションやポップアップ、ツールチップ、ページ遷移アニメーションなどなどです。 Nuxt.jsを使うことによりある程度サーバーでレンダリングもやってくれますので、SEO対策にも良さそうです。またルーティングなども自動でやってくれますのでコンポーネントを作ることに注力できます。 Vue.js + Nuxt.jsでHPを作った感想 メリット Element
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
