東京のWeb制作会社LIGLIGならできるおもしろいこと。フロントエンドシェアこんにちは、フロントエンドエンジニアのライダーです。2がリリースされましたね。イベント中のライブリリースだったとのこと。公式のTwitterアカウントに発表の様子がアップされていました。2018年9月21日すごい......。サーバっぽいものの設定をご紹介します。Nuxt内にサーバ側固有の処理を持たせることができます。Frontends)のように扱うことができるようになります。フランクな説明をするとこんな感じです。公式ドキュメントを読むことを強くお勧めします。NuxtにAPIサーバを持たせる手順create-nuxt-appでインストールなにはともあれ、まずはプロジェクトを準備しましょう。手元にない場合、下記コマンドで作成することができます。https://ja.nuxtjs.org/guide/installation/clientとserverのディレクトリ分割SSRするのみであれば、そのほとんどがクライアント側の処理(ファイル)かと思いますが、その場合は特にディレクトリを分ける必要はありません。clientとserverに分割します。ついたディレクトリを、新ディレクトリclientに移動させます。package.jsonやnuxt.config.jsは移動させません。このタイミングでサンプルプログラムも置いておきましょう。server各ディレクトリの役割が、このように分かれました(ざっくり)。表示されるかと思います。APIが存在することをNuxtで設定します。なっていたhttp://localhost:3000/api/にアクセスしてみます。ルーティングが変更されたことがわかります。おわりにこれでちょっとしたBFFがほしい!ってなったときも、サーバを新しく作る手間をかけずに手軽に始められますね(言語はNodeに限られてしまいますが......)。最近はおかげさまで、コーポレートサイトやキャンペーンサイトなどのWebサイト制作以外にも、フロントエンドでロジックをたくさん書いていくような案件が増えてきました。それでは、ライダーでした。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。